﻿@charset "utf-8";
/* CSS Document 2.3 */

body
{
    padding:0px;
    margin:0px;
    background-color:#f2f2f2;
    font-family:"Microsoft Yahei","Thmano", "Arial" ;
    -webkit-font-smoothing:antialiased;

}

html{font-size: 62.5%; font-size:8px; font-family:"Microsoft Yahei","Thmano", "Arial"; }

/*html {
	font-size:62.5%;
}*/

/*滚动条样式*/

::-webkit-scrollbar{width:0;}
::-webkit-scrollbar-track{background-color:#f8f8f8;}
::-webkit-scrollbar-thumb{background-color:#f8f8f8;}
::-webkit-scrollbar-thumb:hover {background-color:#f8f8f8}
::-webkit-scrollbar-thumb:active {background-color:#f8f8f8}




html {
    font-family:"微软雅黑";
}
.infor .title{ content: "  ";font-size: 0.8rem; background: #5ad2c8;color: #fff; padding:0; position: absolute; width: 8rem; height:2rem; text-align: center;-webkit-transform: rotateZ(45deg); right: -3.8rem; top: -0.7rem; line-height:33px; }

.infor .til{ content: "  ";font-size: 0.8rem; background: #5ad2c8;color: #fff; padding:0; position: absolute; width: 8rem; height:2rem; text-align: center;-webkit-transform: rotateZ(45deg); right: -3.8rem; top: -0.7rem; line-height:33px; }

.infor .wd .st1{ color:#333; font-size:1.4rem; height:3.6rem; position:absolute; overflow:hidden;  top:0; width:75%; z-index:3; }

.infor .img {width:19%; float:left; width:78px; height:103px; overflow:hidden;}
.infor .art .img{ width:70px; height:70px;}
.infor .wd .time{display:block; overflow:hidden; font-size:1.1rem; min-height:16px; max-height:30px; line-height:15px; color:#999; }

.tbody .pic .img .label img{ width:14px; margin-top:0; vertical-align:middle;}

.tbody .pic .img .label .txt{ line-height:18px; height:18px; font-size:1.2rem; text-align:left;}

.group .img {width:19%; float:left;  border-radius:100%; padding:0%;  width:27px; height:27px; overflow:hidden;}
.group .imgs {width:19%; float:left;  border-radius:100%; padding:0%;  width:37px; height:37px; overflow:hidden;}
.group .vimg{ position:relative; overflow:hidden; width:auto; display: inline-flex; float: left;}
.group .vimg .v{ position:absolute; width:12px; height:12px; right:0; bottom:0; background:url(../images/v.png) center no-repeat; background-size:100% auto;}
.group .vimg img{ width: 100%;}

.group .wd .st{display:block; color:#333; font-size:1.4rem; line-height:16px;}
.group .wds .st{display:block; color:#333; font-size:1.4rem; line-height:50px;}


.group a.v1{ display:table; width:inherit; position:absolute; right:0; top:45%; line-height:25px; padding-left:3%; padding-right:3%; font-size:1.2rem; border-radius:5px; color:#f18d1d; text-align:center; border:1px solid rgba(255, 128, 48, 0.5);}
.group a.v1:active{ background-color:#eee;}

.group a.gz{ line-height: 20px; padding: 0.5% 5% 0.5% 5%; border: 1px solid #F18D1D; color: #F18D1D; border-radius: 3px; position: absolute; top: 32%; right: 4%; width: auto;}
.group a.ygz{ line-height: 20px; padding: 0.5% 5% 0.5% 5%; border: 1px solid #fff; color: #666; border-radius: 3px; position: absolute; top: 32%; right: 4%; width: auto;}


.group_art{ margin-top: -30px;}
.group_art .wd{ margin-top: 20px;}
.group_art .imgs {width:19%; float:left;  border-radius:100%; padding:0%;  width:47px; height:47px; overflow:hidden; border: 2px solid #fff;}
.group_art .imgs img{ width: 100%;}
.group_art .vimg .v{ position:absolute; width:12px; height:12px; right:0; bottom:0; background:url(../images/v.png) center no-repeat; background-size:100% auto;}


.group_aud{}
.group_aud .vimg{ margin-right: 3%;}
.group_aud .art{ height: 25px; width: 25px; background: url(../images/fb.png) center no-repeat; background-size: auto 65%; position: absolute; right: 5%; top: 35%;}
.group_aud .vimg .ad_play{ position: absolute; width: 100%; height: 100%; background: url(../images/ad_play.png) center no-repeat; background-size: 30%; top: 0; left: 0;}
.group_aud .vimg .ad_pause{ position: absolute; width: 100%; height: 100%; background: url(../images/ad_pause.png) center no-repeat; background-size: 30%; top: 0; left: 0;}
.infor_group .img {width:25%; float:left;  border-radius:5px; padding:0%;  width:80px; height:80px; overflow:hidden;}

.infor_group .wd .st{display:block; color:#333; font-size:1.4rem; height:2.0rem; }


.title .st .x2 .per .user_img{ width:100%; max-width:25px; max-height:25px; border-radius:50px; overflow:hidden;}
.title .st .x2 .pers .user_img{ width:100%; margin:auto; width:25px; height:25px; line-height:25px; font-size:1.2rem; border-radius:100%; overflow:hidden; border:1px solid #ddd; color:#ccc; }
.title .st .x2 a.pers .user_img:active{ background-color:#f3f3f3;}
.infor .wd .t_user .x1 .user{ float:left; height:20px; line-height:24px; font-size:1.2rem;}












@media only screen and (min-width: 320px){
    html {
        font-size: 55%!important;
    }

    .infor .title{ content: "  ";font-size: 0.8rem; background: #5ad2c8;color: #fff; padding:0; position: absolute; width: 8rem; height:2rem; text-align: center;-webkit-transform: rotateZ(45deg); right: -3.8rem; top: -0.7rem; line-height:33px; }

    .infor .til{ content: "  ";font-size: 0.8rem; background: #5ad2c8;color: #fff; padding:0; position: absolute; width: 8rem; height:2rem; text-align: center;-webkit-transform: rotateZ(45deg); right: -3.8rem; top: -0.7rem; line-height:33px; }

    .infor .wd .st1{ color:#333; font-size:1.4rem; height:3.6rem; position:absolute; overflow:hidden;  top:0; width:75%; z-index:3; }

    .infor .img {width:19%; float:left; width:78px; height:103px; overflow:hidden;}
	.infor .art .img{ width:70px; height:70px;}
    .infor .wd .time{display:block; overflow:hidden; font-size:1.1rem; min-height:16px; max-height:30px; line-height:15px; color:#999; }

    .tbody .pic .img .label img{ width:14px; margin-top:0; vertical-align:middle;}

    .tbody .pic .img .label .txt{ line-height:18px; height:18px; font-size:1.2rem; text-align:left;}

    .group .img {width:19%; float:left;  border-radius:100%; padding:0%;  width:27px; height:27px; overflow:hidden;}

	.group .imgs {width:19%; float:left;  border-radius:100%; padding:0%;  width:37px; height:37px; overflow:hidden;}
	.group .vimg .v{ position:absolute; width:12px; height:12px; right:0; bottom:0; background:url(../images/v.png) center no-repeat; background-size:100% auto;}
	
	.group_art .imgs {width:19%; float:left;  border-radius:100%; padding:0%;  width:47px; height:47px; overflow:hidden;}
	.group_art .vimg .v{ position:absolute; width:12px; height:12px; right:0; bottom:0; background:url(../images/v.png) center no-repeat; background-size:100% auto;}

    .group .wd .st{display:block; color:#333; font-size:1.4rem; line-height:16px;}
    .group .wds .st{display:block; color:#333; font-size:1.4rem; line-height:50px;}


    .infor_group .img {width:25%; float:left;  border-radius:5px; padding:0%;  width:80px; height:80px; overflow:hidden;}

    .infor_group .wd .st{display:block; color:#333; font-size:1.4rem; height:2.0rem;}

	.title .st .x2 .per .user_img{ width:100%; max-width:27px; max-height:27px; border-radius:50px; overflow:hidden;}
	.title .st .x2 .pers .user_img{ width:100%; margin:auto; width:25px; height:25px; line-height:25px; font-size:1.2rem;}
	.infor .wd .t_user .x1 .user{ float:left; height:20px; line-height:24px; font-size:1.1rem;}
	.group .gz{ top: 32%; }

}

@media only screen and (min-width: 375px){

    html {
        font-size: 62.5%!important;
    }

    .infor .title{ content: "  ";font-size: 0.8rem; background: #5ad2c8;color: #fff; padding:0; position: absolute; width: 8rem; height:2rem; text-align: center;-webkit-transform: rotateZ(45deg); right: -3.6rem; top: -0.5rem; line-height:33px; }

    .infor .til{ content: "  ";font-size: 0.8rem; background: #5ad2c8;color: #fff; padding:0; position: absolute; width: 8rem; height:2rem; text-align: center;-webkit-transform: rotateZ(45deg); right: -3.6rem; top: -0.5rem; line-height:33px; }

    .infor .wd .st1{ color:#333; font-size:1.4rem; height:3.6rem; position:absolute; overflow:hidden; top:0; width:78%; z-index:3; }

    .infor .img {width:19%; float:left; width:90px; height:120px; overflow:hidden;}
	.infor .art .img{ width:80px; height:80px;}
    .infor .wd .time{display:block; overflow:hidden; font-size:1.2rem; min-height:18px; max-height:34px; line-height:17px; color:#999; }

    .tbody .pic .img .label img{ width:14px; margin-top:-3px; vertical-align:middle;}

    .tbody .pic .img .label .txt{ line-height:18px; height:18px; font-size:1.2rem; text-align:left;}

    .group .img {width:19%; float:left;  border-radius:100%; padding:0%;  width:34px; height:34px; overflow:hidden;}

	.group .imgs {width:19%; float:left;  border-radius:100%; padding:0%;  width:40px; height:40px; overflow:hidden;}
	.group .vimg .v{ position:absolute; width:13px; height:13px; right:0; bottom:0; background:url(../images/v.png) center no-repeat; background-size:100% auto;}
	
	.group_art .imgs {width:19%; float:left;  border-radius:100%; padding:0%;  width:50px; height:50px; overflow:hidden;}
	.group_art .vimg .v{ position:absolute; width:13px; height:13px; right:0; bottom:0; background:url(../images/v.png) center no-repeat; background-size:100% auto;}
	
    .group .wd .st{display:block; color:#333; font-size:1.4rem; line-height:20px;}
    .group .wds .st{display:block; color:#333; font-size:1.4rem; line-height:62px;}


    .infor_group .img {width:30%; float:left;  border-radius:5px; padding:0%;  width:92px; height:92px; overflow:hidden;}

    .infor_group .wd .st{display:block; color:#333; font-size:1.4rem; height:2.0rem;}

	.title .st .x2 .per .user_img{ width:100%; max-width:35px; max-height:35px; }
	.title .st .x2 .pers .user_img{ width:100%; margin:auto; width:33px; height:33px; line-height:33px; font-size:1.2rem;}
	.infor .wd .t_user .x1 .user{ float:left; height:20px; line-height:24px; font-size:1.2rem;}
	.group .gz{ top: 32.5%; }

}

@media only screen and (min-width: 414px){

    html {
        font-size: 65%!important;
    }

    .infor .title{ content: "  ";font-size: 0.8rem; background: #5ad2c8;color: #fff; padding:0; position: absolute; width: 8rem; height:2rem; text-align: center;-webkit-transform: rotateZ(45deg); right: -3.6rem; top: -0.5rem; line-height:33px; }

    .infor .til{ content: "  ";font-size: 0.8rem; background: #5ad2c8;color: #fff; padding:0; position: absolute; width: 8rem; height:2rem; text-align: center;-webkit-transform: rotateZ(45deg); right: -3.6rem; top: -0.5rem; line-height:33px; }

    .infor .wd .st1{ color:#333; font-size:1.4rem; height:3.6rem; position:absolute;  top:0; width:79%; z-index:3; }

    .infor .img {width:19%; float:left; width:100px; height:132px; overflow:hidden;}
	.infor .art .img{ width:88px; height:88px;}
    .infor .wd .time{display:block; overflow:hidden; font-size:1.3rem; min-height:20px; line-height:18px; color:#999; }

    .tbody .pic .img .label img{ width:14px; margin-top:-3px; vertical-align:middle;}

    .tbody .pic .img .label .txt{ line-height:18px; height:18px; font-size:1.2rem; text-align:left;}

    .group .img {width:19%; float:left;  border-radius:100%; padding:0%;  width:38px; height:38px; overflow:hidden;}

	.group .imgs {width:19%; float:left;  border-radius:100%; padding:0%;  width:44px; height:44px; overflow:hidden;}
	.group .vimg .v{ position:absolute; width:14px; height:14px; right:0; bottom:0; background:url(../images/v.png) center no-repeat; background-size:100% auto;}

	.group_art .imgs {width:19%; float:left;  border-radius:100%; padding:0%;  width:54px; height:54px; overflow:hidden;}
	.group_art .vimg .v{ position:absolute; width:14px; height:14px; right:0; bottom:0; background:url(../images/v.png) center no-repeat; background-size:100% auto;}

    .group .wd .st{display:block; color:#333; font-size:1.4rem; margin-top:2px; line-height:20px;}

    .infor_group .img {width:30%; float:left;  border-radius:5px; padding:0%;  width:92px; height:92px; overflow:hidden;}

    .infor_group .wd .st{display:block; color:#333; font-size:1.4rem; height:2.0rem;}

	.title .st .x2 .per .user_img{ width:100%; max-width:37px; max-height:37px; border-radius:50px; overflow:hidden;}
	.title .st .x2 .pers .user_img{ width:100%; margin:auto; width:35px; height:35px; line-height:35px; font-size:1.2rem; border-radius:100%; overflow:hidden; border:1px solid #ddd; color:#ccc;}
	.infor .wd .t_user .x1 .user{ float:left; height:20px; line-height:24px; font-size:1.3rem;}
	.group .gz{  top: 34%; }
	.group_art{ margin-top: -33px;}

}

@media only screen and (min-width: 640px){
	
	.infor .img {width:19%; float:left; width:100px; height:132px; overflow:hidden;}

    .infor .wd .time{display:block; overflow:hidden; font-size:1.3rem; min-height:20px; line-height:18px; color:#999; }

	.title .st .x2 .per .user_img{ width:100%; max-width:43px; max-height:43px; border-radius:50px; overflow:hidden;}
	
	.title .st .x2 .pers .user_img{ width:100%; margin:auto; width:41px; height:41px; line-height:41px; font-size:1.2rem; border-radius:100%; overflow:hidden; border:1px solid #ddd; color:#ccc;}

	.group .img {width:19%; float:left;  border-radius:100%; padding:0%;  width:43px; height:43px; overflow:hidden;}

	.infor .wd .t_user .x1 .user{ float:left; height:20px; line-height:24px; font-size:1.4rem;}
	.group .gz{ top: 36%; }
	.group_art{ margin-top: -36px;}
}



/*@media only screen and (min-width: 350px){
	html {
		font-size: 74%!important;
	}

}
*/

/*@media only screen and (min-width: 375px){
	html {
		font-size: 75%!important;
	}

}
*/

/*@media only screen and (min-width: 414px){
	html {
		font-size: 88%!important;
	}
}*/

/*@media only screen and (min-width: 481px){
	html {
		font-size: 94%!important;
	}
}

*//*@media only screen and (min-width: 561px){
	html {
		font-size: 109%!important;
	}

}*/

/*@media only screen and (min-width: 641px){
	html {
		font-size: 125%!important;
	}
}
*/




.thead{font-size:1.6rem; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
.thead_fix{font-size:1.6rem; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;  }
.thead_fixs{font-size:1.6rem; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;  }
.uselect{ -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;  }
.tbody{font-size:1.4rem; }
.wrapper{font-size:1.4rem; }
.details{font-size:1.4rem; }
.item_but{font-size:1.4rem; }
.banners{font-size:1.4rem; }
input{font-size:1.4rem; font-family:"Microsoft Yahei","Thmano", "Arial"; }
select{font-size:1.4rem; font-family:"Microsoft Yahei","Thmano", "Arial"; }


/* 整体页面 */
.wrapper { max-width:640px; min-width:320px; margin:0 auto; overflow:hidden; min-height:550px;}
ul, ol { list-style-type:none; }
a:link { -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-touch-callout: none; text-decoration:none;}
/*a:active{ 
    background-color:#eee;
}
*/

.bgcolor{ background-color:#fff;}
.bgcolor a{ display:block; width:100%;  background-color:#fff;}
.bgcolor a:active{ background-color:#ececec;}


img{ border:0px;}
input{outline:none;}
/*.singlepage{
	max-width: 640px;
	min-width: 320px;
	width: 100%;
	position:absolute;
}
*/
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #d7d7d7;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #d7d7d7;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #d7d7d7;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #d7d7d7;
}

.xt_ef{ background-color:#f4f1ef; clear:both; height:1px; -webkit-transform: scaleY(0.5); -webkit-transform-origin:0 0; overflow: hidden; padding:0; margin:0;}
.xt_da{ background-color:#dad1c9; clear:both; height:1px; -webkit-transform: scaleY(0.5); -webkit-transform-origin:0 0; overflow: hidden; padding:0; margin:0;}
.xt_de{ background-color:#e7e2de; clear:both; height:1px; -webkit-transform: scaleY(0.5); -webkit-transform-origin:0 0; overflow: hidden; padding:0; margin:0;}



.xt_d7{ background-color:#d7d7d7; clear:both; height:1px; -webkit-transform: scaleY(0.5); -webkit-transform-origin:0 0; overflow: hidden; padding:0; margin:0;}

.xt_ec{ background-color:#ececec; clear:both; height:1px; -webkit-transform: scaleY(0.5); -webkit-transform-origin:0 0; overflow: hidden; margin-left:3%;}

.xt_e{ background-color:#ddd; clear:both; height:1px; -webkit-transform: scaleY(0.5); -webkit-transform-origin:0 0; overflow: hidden; margin-left:4%; margin-right:4%;}

.xt_d{ background-color:#eee; clear:both; height:1px; -webkit-transform: scaleY(0.5); -webkit-transform-origin:0 0; overflow: hidden; margin-left:4%;}


.xt_ec_h{ background-color:#ececec; width:1px; float:left; height:200px; position:absolute; left:33.3%; z-index:995; -webkit-transform: scaleX(0.5); -webkit-transform-origin:0 0; overflow: hidden; }

.xt_ec_t{ background-color:#ececec; width:1px; float:left; height:200px; position:absolute; left:66.6%; z-index:995; -webkit-transform: scaleX(0.5); -webkit-transform-origin:0 0; overflow: hidden; }

.xt_ec_e{ background-color:#ececec; width:1px; float:left; height:70%; position:absolute; left:33.3%; z-index:995; -webkit-transform: scaleX(0.5); -webkit-transform-origin:0 0; overflow: hidden; }

.xt_ec_f{ background-color:#ececec; width:1px; float:left; height:70%; position:absolute; left:66.6%; z-index:995; -webkit-transform: scaleX(0.5); -webkit-transform-origin:0 0; overflow: hidden; }

.xt_ec_c{ background-color:#ececec; width:1px;  height:32px; position:absolute; left:50%; margin-top:3%; -webkit-transform: scaleX(0.5); -webkit-transform-origin:0 0; overflow: hidden; }

.xt_ec_x{ background-color:#ececec; width:1px; float:left; height:70%; position:absolute; left:33.3%; top:15%; z-index:995; -webkit-transform: scaleX(0.5); -webkit-transform-origin:0 0; overflow: hidden; }

.xt_ec_y{ background-color:#ececec; width:1px; float:left; height:70%; position:absolute; left:66.6%; top:15%; z-index:995; -webkit-transform: scaleX(0.5); -webkit-transform-origin:0 0; overflow: hidden; }

.xt_ec_z{ background-color:#ececec; width:1px; float:left; height:70%; position:absolute; left:50%; top:15%; z-index:995; -webkit-transform: scaleX(0.5); -webkit-transform-origin:0 0; overflow: hidden; }


.xt_ec_a{ background-color:#d7d7d7; clear:both; height:1px; -webkit-transform: scaleY(0.5); -webkit-transform-origin:0 0; overflow: hidden; margin-left:32%;}





/*头部*/

.content .theads { background:#fff; width:100%;max-width:640px; min-width:320px; border-bottom:1px solid #ddd;}

.content .heads { background:#fff; width:100%;max-width:640px; min-width:320px; border-bottom:1px solid #ddd;}

.singlepage .theads .m { position:relative; color:#333;  overflow:hidden; padding:2.2% 4% 2.2% 4%; max-width:600px; }

.singlepage .heads .m { position:relative; color:#333;  overflow:hidden; padding:2.2% 4% 2.2% 4%; max-width:600px; }

.theads .sear{ overflow: hidden; float:left; width:85%; height:28px; color:#666; border:0px; border-radius:3px; background-color:#f8f8f8;}
.heads .sear{ overflow: hidden; float:left; width:85%; height:28px; color:#666; border:0px; border-radius:3px; background-color:#f8f8f8;}

.singlepage .theads a.index {
    float:left;
    width:10%;
    max-width:35px;
    text-align: left;
}

.singlepage .theads a.index img{ width:30px; margin-top:3px;}

.theads .top{width:85%; float:left; height:28px; position:relative; color:#333; border:0px; background:none; }
.theads .find{ float:left; width:28px;}
.theads .find img{ width:100%;}
.theads .text{ float:right; width:13%; display:block; height:28px; line-height:28px; text-align:right;  color:#f18d1d;}

.heads .top{width:85%; float:left; height:25px; position:relative; color:#333; border:0px; background:none; font-size:1.2rem; }
.heads .find{ float:left; width:28px;}
.heads .find img{ width:100%;}
.heads .text{ float:right; width:13%; display:block; height:28px; line-height:28px; text-align:right;  color:#f18d1d;}



.thead_fixs .qk{ display: block; float:right; width:10%;}
.thead_fixs .qk img{ width:100%; max-width:26px;}

.content .tbody { margin:0 auto; }


.content .ts{ text-align:center; padding-top:30%; line-height:21.5px; font-size:1.4rem; color:#333;}




.fixe{ position:relative;}

.content .thead { background:#fff; width:100%;max-width:640px; min-width:320px; padding:3% 0 3% 0; border-bottom:1px solid #d7d7d7;}


.singlepage .thead { position:relative; width:100%; background:#fff; overflow:hidden; max-width:640px;}



/*浮动*/

.singlepage .thead_fixs .m1 { position:relative; color:#333;  overflow:hidden; padding:2.2% 4% 2.2% 4%; max-width:600px; }
.thead_fixs .m1 .sear{ position:relative; overflow: hidden; float: right; width:91%; height:28px; color:#666; border:0px; border-radius:3px; background-color:#f8f8f8; text-align:left;}

.thead_fixs .m1 .sear .cet{ margin:auto; overflow:hidden;}
.thead_fixs .m1 a{}
.thead_fixs .m1 a:active{ background-color:#f1f1f1;}
.thead_fixs .m1 .sear .find{ display:inline-block; width:28px; overflow:hidden; vertical-align:middle;}
.thead_fixs .m1 .sear .find img{ width:100%; vertical-align: middle;}

.thead_fixs .m1 .sear .text{  display:inline-block; height:28px; line-height:20px; margin-left:-6px;  color:#ccc; font-size:1.2rem;}
.thead_fixs .m1 .sear .top{width:94%; height:28px; position:relative; color:#333; border:0px; background:none; position:absolute; top:0; left:3%;  }



/*注意事项*/
.singlepage .thead a.creat{ padding:3% 4% 3% 4%; display:block; overflow:hidden; z-index:995; position:absolute; right:0; top:0;}
.singlepage .thead a.creat:active{ background-color:#eee;}
.singlepage .thead a.creat .img{ position:relative;}

.singlepage .thead a.creat span{ text-align:center; color:#f18d1d; font-size:1.3rem; height:21.5px; display:block; line-height:25px;}

/*注意事项结束*/



/*返回按钮*/
.singlepage .thead a.arrow{ padding:3% 4% 3% 4%; display:block; overflow:hidden; z-index:995; position:absolute; left:0; top:0;}
.singlepage .thead a.arrow:active{ background-color:#eee;}
.singlepage .thead a.arrow .img{ position:relative;}

.singlepage .thead a.arrow img{ height:21.5px;}


/*返回按钮结束*/






/*积分规则*/
.singlepage .thead a.guild{ padding:3% 4% 3% 4%; display:block; overflow:hidden; z-index:995; position:absolute; right:0; top:0; color:#333; font-size:1.3rem; line-height:21.5px;}
.singlepage .thead a.guild:active{ background-color:#eee;}
.singlepage .thead a.guild .img{ position:relative;}

.singlepage .thead a.guild img{ height:21.5px;}

/*积分规则结束*/

/*删除按钮*/
.singlepage .thead a.delect{ padding:3% 4% 3% 4%; display:block; overflow:hidden; z-index:995; position:absolute; right:0; top:0;}
.singlepage .thead a.delect:active{ background-color:#eee;}
.singlepage .thead a.delect .img{ position:relative;}

.singlepage .thead a.delect img{ height:21.5px;}

/*删除按钮结束*/



.singlepage .thead .m { width:100%; position:relative; color:#333; overflow:hidden; height:21.5px; max-width:640px; }
.singlepage .thead strong { background:none; border:none; float:none; margin-left:0px; padding:0px; margin-top:0px; border-radius:0px; color:#333; display:block; text-align:center; }
.singlepage .thead .st { color:#333; display:block; line-height:21.5px; text-align:center; }
.singlepage .thead .st .bt{ width:320px; width:72%; overflow:hidden; display:block; margin:auto; text-overflow:ellipsis; white-space:nowrap;
    *white-space:nowrap; overflow:hidden; }

.singlepage .thead a.index {
    position: absolute;
    width: 15%;
    left: 0;
    top: 0;
    max-height: 30px;
    max-width: 50px;
    text-align: left;
}
.singlepage .thead a.delete { position:absolute; width:17%; max-height:30px; max-width:50px; right:10px; top:-2px; text-align:right;}
.singlepage .thead a.index img{ width:50%; max-width:45px;}
.singlepage .thead a.delete img{ width:60%; max-width:65px;}
.singlepage .thead a.save { position:absolute;  right:3%; top:3px; text-align:center; color:#f18d1d; font-size:1.3rem;}



.content .thead1 {  width:100%;max-width:640px; min-width:320px; padding:3%;  }


.singlepage .thead1 { position:relative; width:100%; overflow:hidden; max-width:640px;}
.singlepage .thead1 .m { width:94%; position:relative; color:#333; overflow:hidden; height:22px; max-width:600px; }
.singlepage .thead1 strong { background:none; border:none; float:none; margin-left:0px; padding:0px; margin-top:0px; border-radius:0px; color:#333; display:block; text-align:center; }
.singlepage .thead1 .st { color:#333; display:block; line-height:26px; text-align:center; }
.singlepage .thead1 .st .bt{ width:320px; overflow:hidden; display:block; margin:auto; text-overflow:ellipsis; white-space:nowrap;
    *white-space:nowrap; overflow:hidden; }

.singlepage .thead1 a.index {
    position: absolute;
    width: 15%;
    left: 0;
    top: 0;
    max-height: 30px;
    max-width: 50px;
    text-align: left;
}
.singlepage .thead1 a.delete { position:absolute; width:17%; max-height:30px; max-width:50px; right:10px; top:-2px; text-align:right;}
.singlepage .thead1 a.index img{ width:50%; max-width:45px;}
.singlepage .thead1 a.delete img{ width:60%; max-width:65px;}
.singlepage .thead1 a.save { position:absolute;  right:5%; top:3px; text-align:center; color:#f18d1d; font-size:1.3rem;}





.content .thead_fix { background:#fff; width:100%;max-width:640px; min-width:320px; /*-moz-box-shadow: 0px 0px 3px #d7d7d7; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);*/ border-bottom:1px solid #ddd; z-index:11;}


.singlepage .thead_fix { position:fixed; top: 0; width:100%; background:#fff; overflow:hidden; }

/*返回按钮*/
.singlepage .thead_fix a.arrow{ padding:3% 4% 3% 4%; display:block; overflow:hidden; z-index:995; position:absolute; left:0; top:0;}
.singlepage .thead_fix a.arrow:active{ background-color:#eee;}
.singlepage .thead_fix a.arrow .img{ position:relative;}

.singlepage .thead_fix a.arrow img{ height:22px;}


/*返回按钮结束*/

.singlepage .thead_fix a.menus{ padding:3% 4% 3% 4%; display:block; overflow:hidden; z-index:995; position:absolute; right:0; top:0;}
.singlepage .thead_fix a.menus:active{ background-color:#eee;}
.singlepage .thead_fix a.menus .img{ height:22px; width:22px; position:relative; background:url(../images/home.png) left no-repeat; background-size:100% auto ;}


.singlepage .thead_fix a.menus1{ padding:3% 4% 3% 4%; display:block; overflow:hidden; z-index:995; position:absolute; right:0; top:0;}
.singlepage .thead_fix a.menus1:active{ background-color:#eee;}
.singlepage .thead_fix a.menus1 .img{ height:22px; width:22px; position:relative; background:url(../images/home1.png) left no-repeat; background-size:100% auto ;}
/*创建按钮*/
.singlepage .thead_fix a.creat{ padding:3% 4% 3% 4%; display:block; overflow:hidden; z-index:995; position:absolute; right:0; top:0;}
.singlepage .thead_fix a.creat:active{ background-color:#eee;}
.singlepage .thead_fix a.creat .img{ position:relative;}

.singlepage .thead_fix a.creat span{ text-align:center; color:#f18d1d; font-size:1.3rem; height:22px; display:block; line-height:25px;}

/*创建按钮结束*/




.singlepage .thead_fix .m { width:94%; margin:3% 4% 3% 4%; position:relative; color:#333; height:22px; max-width:600px; }

.singlepage .thead_fix .m a.left{position: absolute; width: 20%; height:45px; left:-10px; top:-10px; z-index:995;}
.singlepage .thead_fix .m a.right{position: absolute; width: 20%; height:45px; right:-10px;	top:-10px; z-index:995;}


.singlepage .thead_fix .st { color:#333; display:block; line-height:26px; text-align:center; }
.singlepage .thead_fix .st .bt{ width:80%; overflow:hidden; display:block; margin:auto; text-overflow:ellipsis; white-space:nowrap;
    *white-space:nowrap; overflow:hidden; }

.singlepage .thead_fix .index {
    position: absolute;
    width: 100%;
    left: 2px;
    top: 1px;
    max-height: 30px;
    max-width: 50px;
    text-align: left;
}
.singlepage .thead_fix a.delete { position:absolute; width:17%; max-height:30px; max-width:50px; right:10px; top:-2px; text-align:right;}
.singlepage .thead_fix .index img{ width:50%; max-width:45px;}
.singlepage .thead_fix a.delete img{ width:60%; max-width:65px;}
.singlepage .thead_fix a.save { position:absolute;  right:3%; top:3px; text-align:center; color:#f18d1d; font-size:1.3rem;}




.content .thead_fixs { background:#fff; width:100%;max-width:640px; min-width:320px; z-index:995; border-bottom:1px solid #ddd;}


.singlepage .thead_fixs { position:fixed; width:100%; background:#fff; top:0;  }
.singlepage .thead_fixs .m { width:94%; margin:3% 4% 3% 4%; position:relative; color:#333; height:21.5px; max-width:600px; }
.singlepage .thead_fixs .m .st{ color:#333; display:block; line-height:21.5px; text-align:center; }


/*返回按钮*/
.singlepage .thead_fixs a.arrow{ padding:3% 4% 3% 4%; display:block; overflow:hidden; z-index:995; position:absolute; left:0; top:0;}
.singlepage .thead_fixs a.arrow:active{ background-color:#eee;}
.singlepage .thead_fixs a.arrow .img{ position:relative;}

.singlepage .thead_fixs a.arrow img{ height:21.5px;}


/*返回按钮结束*/


/*菜单按钮*/
.singlepage .thead_fixs a.menu{ padding:3% 4% 3% 4%; display:block; overflow:hidden; z-index:995; position:absolute; left:0; top:0;}
.singlepage .thead_fixs a.menu:active{ background-color:#eee;}
.singlepage .thead_fixs a.menu .img{ height:21.5px; width:21.5px; position:relative; background:url(../images/ico__0000_hb.png) left no-repeat; background-size:100% auto ;}

.singlepage .thead_fixs a.menu img{ height:21.5px;}
.singlepage .thead_fixs a.menu .li{ width:5px; height:5px; background-color:#f18d1d; position:absolute; top:-1px; right:-4px; border-radius:100%; border:1px solid #fff;}
/*菜单按钮结束*/



/*搜索按钮*/
.singlepage .thead_fixs a.search{ padding:3% 4% 3% 4%; display:block; overflow:hidden; z-index:995; position:absolute; right:0; top:0;}
.singlepage .thead_fixs a.search:active{ background-color:#eee;}
.singlepage .thead_fixs a.search .img{ height:21.5px; width:21.5px; position:relative; background: url(../images/ico__0001_ss.png) left no-repeat; background-size:auto 100%;}

.singlepage .thead_fixs a.search img{ height:21.5px;}
.singlepage .thead_fixs a.search span{ text-align:center; color:#f18d1d; font-size:1.3rem; height:22px; display:block; line-height:25px;}

/*搜索按钮结束*/

/*日课搜索按钮*/
.singlepage .thead_fixs a.daysear{ padding:3% 4% 3% 4%; display:block; overflow:hidden; z-index:995; position:absolute; right:0; top:0;}
.singlepage .thead_fixs a.daysear:active{ background-color:#eee;}
.singlepage .thead_fixs a.daysear .img{ height:21.5px; width:21.5px; position:relative; background: url(../images/day.png) left no-repeat; background-size:auto 100%;}
.singlepage .thead_fixs a.daysear img{ height:21.5px;}

/*搜索按钮结束*/


.singlepage .thead_fixs a.more{ padding:3% 4% 3% 4%; display:block; overflow:hidden; z-index:995; position:absolute; right:0; top:0; color:#333; font-size:1.4rem; line-height:21.5px;}
.singlepage .thead_fixs a.more:active{ background-color:#eee;}
.singlepage .thead_fixs a.more .img{ position:relative;}

.singlepage .thead_fixs a.more img{ height:21.5px;}


.singlepage .thead_fixs .mleft{ float:left; width:48%; height:25px; max-width:300px; }

.singlepage .thead_fixs .mleft .add{ width:50%; display:block; height:25px; position:relative; float:left;}

.singlepage .thead_fixs .mleft a.add:active{ display:block; background-color:#eee;}


.singlepage .thead_fixs .mleft .jx{ width:30%; max-width:65px; float:right; text-align:center; display:block; height:28px; font-size:1.6rem; color:#333; position:relative;}
.singlepage .thead_fixs .mleft .sel{ color:#f18d1d; height:28px; width:30%; max-width:65px; border-bottom:1px solid #f18d1d;}

.singlepage .thead_fixs .mleft .jx .li{ width:7px; height:7px; background-color:#f18d1d; position:absolute; top:0px; right:1px; border-radius:100%; border:1px solid #fff;}


.singlepage .thead_fixs .mleft .add .li{ width:5px; height:5px; background-color:#f18d1d; position:absolute; top:-3px; right:-6px; border-radius:100%; border:1px solid #fff;}

.singlepage .thead_fixs .mleft .add img{ height:21px; margin-top:2px;}


.singlepage .thead_fixs .mright{ float:right; width:48%; max-width:300px; height:25px;}

.singlepage .thead_fixs .mright .qb{ float:left; width:30%; max-width:65px; text-align:center; font-size:1.6rem; color:#333; height:28px;}

.singlepage .thead_fixs .mright .sel{ color:#f18d1d; height:28px; width:30%; max-width:65px; border-bottom:1px solid #f18d1d;}

.singlepage .thead_fixs .mright .add2 { display:block; text-align:right; float:right; width:20%; max-width:68px; position:absolute; right:0; color:#333; line-height:25px; }

.singlepage .thead_fixs .mright a.add2:active{ display:block; background-color:#eee;}

.singlepage .thead_fixs .mright .add2 img{ height:21px; margin-top:2px;}


.singlepage .ft .i_banner{ height:162px; overflow:hidden; position:relative;}
.singlepage .ft .i_banner img{ width:100%;}


/**/

.singlepage .thead_fixs .i_banner .main_image{ height:100%;}
.singlepage .thead_fixs .i_banner .main_image ul{ width:100%; height:100%;display: inline; -webkit-padding-start: 0px;}



.addWrap{ position:relative; width:100%;background:#fff;margin:0; padding:0;}
.addWrap .swipe{overflow: hidden;visibility: hidden;position:relative;}
.addWrap .swipe-wrap{overflow:hidden;position:relative;}
.addWrap .swipe-wrap > div {float: left;width: 100%;position:relative;}

#position{ position:absolute; bottom:0; right:0; padding-right:8px; margin:0; background:#000; opacity: 0.4; width:100%; filter: alpha(opacity=50);text-align:right;}
#position li{width:10px;height:10px;margin:0 2px;display:inline-block;-webkit-border-radius:5px;border-radius:5px;background-color:#AFAFAF;}
#position li.cur{background-color:#FF0000;}
.img-responsive { display: block; max-width: 100%;  height: auto;}


/**/
.singlepage .ft .i_list{ background-color:#f2f2f2; overflow:hidden; position:relative;}
.singlepage .ft .i_list a{ display:block; overflow:hidden;}
.singlepage .ft .i_list a:active{ background-color:#f3f3f3;}
.singlepage .ft .i_list .left{ width:42%; float:left; padding:1.5% 4% 1.5% 4%; background-color:#fff;}

.singlepage .ft .i_list .left .s1{ width:50%; float:left; margin-top:6%;}
.singlepage .ft .i_list .left .s1 .t1{ font-size:1.6rem; color:#f18d1d; line-height:25px; font-weight:bold;}
.singlepage .ft .i_list .left .s1 .t2{ font-size:1.2rem; color:#999; line-height:15px;}

.singlepage .ft .i_list .left .s2{ width:50%; height:60px; float:right; background:url(../images/log11.png) center no-repeat; background-size:auto 100%;}


.singlepage .ft .i_list .right{ width:42%; float:right; padding:1.5% 4% 1.5% 4%; background-color:#fff;}

.singlepage .ft .i_list .right .s1{ width:50%; float:left; margin-top:6%;}
.singlepage .ft .i_list .right .s1 .t1{ font-size:1.6rem; color:#0caaed; line-height:25px; font-weight:bold;}
.singlepage .ft .i_list .right .s1 .t2{ font-size:1.2rem; color:#999; line-height:15px;}

.singlepage .ft .i_list .right .s2{ width:50%; height:60px; float:right; background:url(../images/log22.png) center no-repeat; background-size:auto 100%;}



/*.singlepage .thead_fixs .lcet{  background-color:#f8f8f8; margin:auto; width: auto; overflow-x: scroll; overflow-y: hidden; position:relative; margin-bottom:-10px;}
*/







/*
.singlepage .thead_fixs .ft{
	
	transform: translate(0,0);
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    opacity: 1;
    -webkit-transition: transform .7s cubic-bezier(0,.01,.02,1),opacity .7s cubic-bezier(0,.01,.02,1);
    transition: transform .7s cubic-bezier(0,.01,.02,1),opacity .7s cubic-bezier(0,.01,.02,1);
    -moz-transition: transform .7s cubic-bezier(0,.01,.02,1),opacity .7s cubic-bezier(0,.01,.02,1);
    -ms-transition: transform .7s cubic-bezier(0,.01,.02,1),opacity .7s cubic-bezier(0,.01,.02,1);
		
	}
.singlepage .thead_fixs .active{
	
	transform: translate(0,-85.5%);
    -webkit-transform: translate(0,-85.5%);
    -moz-transform: translate(0,-85.5%);
    -ms-transform: translate(0,-85.5%);
    opacity: 1;
		
	}




.content .ft_tbody{
	
	transform: translate(0,0);
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    opacity: 1;
    -webkit-transition: transform .7s cubic-bezier(0,.01,.02,1),opacity .7s cubic-bezier(0,.01,.02,1);
    transition: transform .7s cubic-bezier(0,.01,.02,1),opacity .7s cubic-bezier(0,.01,.02,1);
    -moz-transition: transform .7s cubic-bezier(0,.01,.02,1),opacity .7s cubic-bezier(0,.01,.02,1);
    -ms-transition: transform .7s cubic-bezier(0,.01,.02,1),opacity .7s cubic-bezier(0,.01,.02,1);
		
	}
.content .ft_active{
	
	transform: translate(0,-35.3%);
    -webkit-transform: translate(0,-35.3%);
    -moz-transform: translate(0,-35.3%);
    -ms-transform: translate(0,-35.3%);
    opacity: 1;
	min-height:736px;
	z-index:999;
	position:relative;
	}



@media only screen and (min-width: 320px){
	
	.singlepage .thead_fixs .active{
	
		transform: translate(0,-85.5%);
		-webkit-transform: translate(0,-85.5%);
		-moz-transform: translate(0,-85.5%);
		-ms-transform: translate(0,-85.5%);
		opacity: 1;
			
	}
	
	.content .ft_active{
	
		transform: translate(0,-35.3%);
		-webkit-transform: translate(0,-35.3%);
		-moz-transform: translate(0,-35.3%);
		-ms-transform: translate(0,-35.3%);
		opacity: 1;
		min-height:736px;	
	}
	
}



@media only screen and (min-width: 375px){
	
	.singlepage .thead_fixs .active{
	
		transform: translate(0,-85.5%);
		-webkit-transform: translate(0,-85.5%);
		-moz-transform: translate(0,-85.5%);
		-ms-transform: translate(0,-85.5%);
		opacity: 1;
			
	}
	
	.content .ft_active{
	
		transform: translate(0,-35.3%);
		-webkit-transform: translate(0,-35.3%);
		-moz-transform: translate(0,-35.3%);
		-ms-transform: translate(0,-35.3%);
		opacity: 1;
		min-height:736px;	
	}
	
}

@media only screen and (min-width: 414px){
	
	.singlepage .thead_fixs .active{
	
		transform: translate(0,-85.5%);
		-webkit-transform: translate(0,-85.5%);
		-moz-transform: translate(0,-85.5%);
		-ms-transform: translate(0,-85.5%);
		opacity: 1;
			
	}
	
	.content .ft_active{
	
		transform: translate(0,-35.3%);
		-webkit-transform: translate(0,-35.3%);
		-moz-transform: translate(0,-35.3%);
		-ms-transform: translate(0,-35.3%);
		opacity: 1;
		min-height:736px;	
	}
	
}

@media only screen and (min-width: 640px){
	
	.singlepage .thead_fixs .active{
	
		transform: translate(0,-85.5%);
		-webkit-transform: translate(0,-85.5%);
		-moz-transform: translate(0,-85.5%);
		-ms-transform: translate(0,-85.5%);
		opacity: 1;
			
	}
	
	.content .ft_active{
	
		transform: translate(0,-35.3%);
		-webkit-transform: translate(0,-35.3%);
		-moz-transform: translate(0,-35.3%);
		-ms-transform: translate(0,-35.3%);
		opacity: 1;
		min-height:736px;	
	}
	
}


*/


.singlepage .ft .lcet{ height:30px; margin:auto; width: auto; position:relative; background-color:#fff; }
.singlepage .ft .scroll{ min-width:320px; width: auto; height:30px; white-space:nowrap; margin-left:6%; margin-right:6%;}


.singlepage .ft .xt_bk{ width:100%; height:1px; background-color:#ddd; position:absolute; bottom:0;}


.singlepage .ft .scroll ul,li{ display:inline; -webkit-padding-start:0px; overflow: hidden;}


.singlepage .ft .scroll .tj{ height:30px; line-height:30px; float:left; text-align:center; display:block; font-size:1.4rem; color:#666; position:relative;}

/*.singlepage .thead_fixs .scroll .select a{ color:#f18d1d; border-bottom:2px solid #f18d1d;}
*/
.singlepage .ft .scroll .sel{ height:28px; line-height:30px; color:#333; border-bottom:2px solid #f18d1d; float:left; text-align:center; display:block; font-size:1.4rem; position:relative;}
.singlepage .ft .scroll .sel_1{ height:28px; line-height:30px; color:#333; border-bottom:2px solid #f18d1d; float:left; text-align:center; display:block; font-size:1.4rem; position:relative;}


.singlepage .ft .scroll .wd{ width: 40px;}

@media only screen and (min-width: 360px){
	.singlepage .ft .scroll .wd{ width: 47px;}
}
@media only screen and (min-width: 410px){
	.singlepage .ft .scroll .wd{ width: 53px;}
}
@media only screen and (min-width: 430px){
	.singlepage .ft .scroll .wd{ width: 57px;}
}
@media only screen and (min-width: 640px){
	.singlepage .ft .scroll .wd{ width: 103px;}
}


.ss_test{ font-size:1.2rem; line-height:18px; padding-top:1.5%; padding-bottom:1.5%; padding-left:4%; padding-right:4%; color:#999; background-color:#f2f2f2;}


.infor a.ss_list{ width:auto; display:inline-block; color:#f18d1d; border:1px solid #f18d1d; border-radius:3px; padding:1.5% 2% 1.5% 2%; margin-left:1%; margin-right:1%; margin-bottom:1.5%; margin-top:1.5%; }
.infor .ss_list a{ display:block; width:100%; height:100%;}


.infor .wd .t_user .x1 .u_imger{ height:13px; width:13px; margin-top: 5px; margin-right: 5px; float:left; overflow:hidden; border-radius:100%;}
.infor .wd .t_user .x1 .u_imger img{ width:100%;}




.singlepage .thead_fixs .mcet{ position:absolute; top:0; padding-top:3%; padding-bottom:3%; margin:auto; width:40%; margin-left:30%; margin-right:30%; height:25px;}

.singlepage .thead_fixs .mcet .jx{ width:20%; line-height:25px; padding-bottom:4%; margin-left:2%; margin-right:2%; float:left; text-align:center; display:block; height:28px; font-size:1.6rem; color:#666; position:relative;}

.singlepage .thead_fixs .mcet .sel{ width:20%; color:#f18d1d; line-height:25px; padding-bottom:3%; margin-left:2%; margin-right:2%; border-bottom:2px solid #f18d1d;}
div.flicking_con{ bottom:2px;}

@media only screen and (min-width: 320px){
	
	.singlepage .thead_fixs .mcet .jx{ width:40%;}
	.singlepage .thead_fixs .sel{ width:20%; color:#f18d1d; line-height:25px; padding-bottom:3%; margin-left:2%; margin-right:2%; border-bottom:2px solid #f18d1d;}
	.singlepage .ft .scroll{ height:30px; }
	.singlepage .ft .lcet{ height:30px;}
	.singlepage .ft .scroll .tj{ height:30px; line-height:30px;}
	.singlepage .ft .scroll .sel{ height:28px; line-height:30px;}
	.singlepage .ft .scroll .sel_1{ height:28px; line-height:30px;}
	
	.theads .sear{ width:85%;}
	.heads .sear{ width:85%;}
	div.flicking_con{ bottom:2px;}

	.infor a.ss_list{ width:auto; display:inline-block; color:#f18d1d; border:1px solid #f18d1d; border-radius:3px; padding:1.5% 2% 1.5% 2%; margin-left:1%; margin-right:1%; margin-bottom:1.5%; margin-top:1.5%; }
	.singlepage .ft .i_banner{ height:162px;}
	.singlepage .ft .i_list .left .s2{ height:60px;}
	.singlepage .ft .i_list .left .s1{ margin-top:6%;}

	
	.singlepage .ft .i_list .right .s2{ height:60px;}
	.singlepage .ft .i_list .right .s1{ margin-top:6%;}

	

}

@media only screen and (min-width: 375px){
	
	.singlepage .thead_fixs .mcet .sel{ color:#f18d1d; line-height:25px; padding-bottom:3%; border-bottom:2px solid #f18d1d;}
	.singlepage .ft .scroll{ height:34px; }
	.singlepage .ft .lcet{  height:34px;}
	.singlepage .ft .scroll .tj{ height:34px; line-height:34px;}
	.singlepage .ft .scroll .sel{ height:32px; line-height:34px;}
	.singlepage .ft .scroll .sel_1{ height:32px; line-height:34px;}
	.infor a.ss_list{ width:auto; display:inline-block; color:#f18d1d; border:1px solid #f18d1d; border-radius:3px; padding:1.15% 2.5% 1.15% 2.5%; margin-left:1%; margin-right:1%; margin-bottom:1.5%; margin-top:1.5%; }
	div.flicking_con{ bottom:3px;}

	.singlepage .ft .i_banner{ height:190px;}
	.theads .sear{ width:87%;}
	.heads .sear{ width:87%;}
	.singlepage .ft .i_list .left .s2{ height:70px;}
	.singlepage .ft .i_list .left .s1{ margin-top:8%;}

	
	.singlepage .ft .i_list .right .s2{ height:70px;}
	.singlepage .ft .i_list .right .s1{ margin-top:8%;}

	.singlepage .ft .right .s1 .t1{ line-height:20px;}
	


}

@media only screen and (min-width: 414px){
	
	.singlepage .thead_fixs .mcet .sel{ color:#f18d1d; line-height:25px; padding-bottom:3.6%; border-bottom:2px solid #f18d1d;}
	.singlepage .ft .scroll{ height:38px; }
	.singlepage .ft .lcet{  height:38px;}
	.singlepage .ft .scroll .tj{ height:38px; line-height:38px;}
	.singlepage .ft .scroll .sel{ height:36px; line-height:38px;}
	.singlepage .ft .scroll .sel_1{ height:36px; line-height:38px;}
	.infor a.ss_list{ width:auto; display:inline-block; color:#f18d1d; border:1px solid #f18d1d; border-radius:3px; padding:1.35% 2.7% 1.35% 2.7%; margin-left:1%; margin-right:1%; margin-bottom:1.5%; margin-top:1.5%; }
	.singlepage .ft .i_banner{ height:210px;}
	.theads .sear{ width:87%;}
	.heads .sear{ width:87%;}
	div.flicking_con{ bottom:4px;}
	
	.singlepage .ft .i_list .left .s2{ height:78px;}
	.singlepage .ft .i_list .left .s1{ margin-top:8%;}

	
	.singlepage .ft .i_list .right .s2{ height:78px;}
	.singlepage .ft .i_list .right .s1{ margin-top:8%;}


}
@media only screen and (min-width: 640px){
	
	.singlepage .thead_fixs .mcet .sel{ color:#f18d1d; line-height:25px; padding-bottom:3.8%; border-bottom:2px solid #f18d1d;}
	.singlepage .ft .scroll{ height:41px; }
	.singlepage .ft .lcet{ height:41px;}
	.singlepage .ft .scroll .tj{ height:41px; line-height:41px;}
	.singlepage .ft .scroll .sel{ height:39px; line-height:41px;}
	.singlepage .ft .scroll .sel_1{ height:39px; line-height:41px;}
	.infor a.ss_list{ width:auto; display:inline-block; color:#f18d1d; border:1px solid #f18d1d; border-radius:3px; padding:1.7% 3.3% 1.7% 3.3%; margin-left:1%; margin-right:1%; margin-bottom:1.5%; margin-top:1.5%; }
	
	.singlepage .ft .i_banner{ height:324px;}
	.singlepage .ft .i_list .left .s1{ margin-top:6%;}
	.singlepage .ft .i_list .right .s1{ margin-top:6%;}


}


.activity .article { height:70px; text-align:center; padding-bottom:5px; margin-left:3%; margin-right:3%; }
.article .text{ width:50%; text-align:center;  margin:-15px auto; color:#999;}



.guding-nav .type{ display:block; width:45%; padding:2%; color:#000; float:left; border-right:1px solid #ccc; text-align:center;}
.guding-nav .sort{ display:block; width:46%; padding:2%; color:#000; float:right; text-align:center;}

.guding-nav .type .on{}

.guding-nav .type .on img{ max-width:13px; width:9%; margin-left:2%; }

.guding-nav .sort .on{ width:60%; overflow:hidden;}

.guding-nav .sort .on img{ max-width:13px; width:9%; margin-left:2%;}


.infor_add { z-index:10; }
.infor_add .add_act{ padding:3%; height:21px; background-color:#fcf8d3; border-bottom:1px solid #eddcae; color:#917140; overflow:hidden;}
.infor_add .add_act .add{ float:left; height:22px; width:90%; overflow:hidden; line-height:22px;}

.Scroller { height:22px; line-height:22px; width:100%;}
.Scroller *{margin:0px; padding:0px;}
.ScrollMid { }
.ScrollMid ul{width:100%; }
.ScrollMid li{list-style:none;  color:#917140; width:100%; line-height:22px; }
.ScrollMid li a{color:#917140;}



.infor_add .add_act .ico{ float:right; color:#FFF; display:block; text-align:center; overflow:hidden; width:8%; height:22px; }
.infor_add .add_act .ico img{ width:60%; width:22px; height:22px;}


.infor_screen { }
.infor_screen .add_act{ padding: 2% 3% 2% 3%; background-color:#fff; border-bottom:1px solid #ddd; color:#917140; overflow:hidden;}
.infor_screen .add_act .add{ float:left;}
.infor_screen .add_act .ico{ float:right; color:#FFF; display:block; width:22px; height:22px; text-align:center; background-color:#f18d1d; overflow:hidden; line-height:18px; font-size:28px; border-radius:30px;}

.infor_screen .add_act .scr{ float:left; font-size:1.2rem; margin-right:3.5%; display:block; width:20%; padding:2% 1% 2% 1%; background-color:#f6f6f6; border-radius:5px; text-align:center; color:#999;}
.infor_screen .add_act .yel{ float:left; font-size:1.2rem; margin-right:3.5%; display:block; width:20%; padding:2% 1% 2% 1%; background-color:#f6f6f6; border-radius:5px; text-align:center; color:#f18d1d;}





.hr{ height:40px;}
.infor {padding:3.5% 4% 3.5% 4%; overflow:hidden; position:relative; z-index:10; display:block;}






.infor .left{ float:left; min-height:40px; width:70%;}
.infor .left .s1{ min-height:20px; line-height:20px; color:#333; font-size:1.2rem;}
.infor .left .s2{ height:20px; line-height:20px; color:#999; font-size:1.2rem;}
.infor .right{ position:absolute; right:3%; top:35%; width:30%; height:20px; line-height:20px; text-align:right; color:#f18d1d;}
.infor .right .s1{ border-left:1px solid #999; color:#999; padding-left:5px; margin-left:5px;}

.infor .a1{ color:#5eb966;}




.infor .item {width:100%;  position:relative; overflow:hidden; }
.infor .items {width:100%;  position:relative; overflow:hidden; }


.bg{ position:absolute; width:100%; max-width:640px; min-width:320px; background-color:#FFF;}
.bg a{ display:block; width:100%;  background-color:#fff;}
.bg a:active{ background-color:#ececec;}


.f2{ background-color:#f2f2f2;}


.infor .imgs{ content: "";font-size: 1.2rem; background: #f18d1d;color: #fff; padding:1%; position: absolute; width: 6rem; height:1rem; text-align: center;-webkit-transform: rotateZ(-45deg); left: -2rem; top: 0.5rem; line-height:1; z-index:2;}

.infor .imgs1{ position: absolute; left: -2.5px; top: -2.5px; line-height:1; z-index:991;}
.infor .imgs1 img{ width:60%;}





.infor .img img { width:100%;}

.infor .item .img .tl{ color:#fff; font-size:0.9rem; padding:0 10px 0 10px; margin-left:-5px; background-color:#999; border-radius:50px; position:absolute; top:7%; left:0%;}

.infor .wd { display:block; width:67%; height:103px; float:left; color:#808080; overflow:hidden; margin-left:3%; position:relative;}

.infor .wd .st{display:block; color:#333; font-size:1.6rem; line-height:16px; max-height:30px; min-height:16px; overflow:hidden; margin-bottom:7px; }
.infor .art .wd .st{ line-height:16px; min-height:16px; max-height:30px;}

.art_hide{ max-height:480px; overflow:hidden;}

@media only screen and (min-width: 320px){

    .infor .wd { display:block; width:67%; height:103px; float:left; color:#808080; overflow:hidden; margin-left:3%;}
    .infor .art .wd {width:70%;}
	.infor .wd .st{ line-height:16px; min-height:16px; max-height:30px;}
	.infor .art .wd .st{ line-height:16px; min-height:16px; max-height:34px;}
	.infor .item .img .tl{ font-size:0.9rem; top:7%; left:0%;}
	.infor .wd .t_user .x1 .u_imger{ height:13px; width:13px; margin-top: 5px; margin-right: 5px;}
	.art_hide{ max-height:480px; overflow:hidden;}
}
@media only screen and (min-width: 375px){

    .infor .wd { display:block; width:70%; height:120px; float:left; color:#808080; overflow:hidden; margin-left:3%;}
	.infor .wd .st{ line-height:19px; min-height:18px; max-height:38px;}
	.infor .art .wd .st{ line-height:20px; min-height:20px; max-height:40px;}
	.infor .item .img .tl{ font-size:1.0rem; top:7%; left:0%;}
	.infor .wd .t_user .x1 .u_imger{ height:14px; width:14px; margin-top: 4px; margin-right: 5px;}
	.art_hide{ max-height:558px; overflow:hidden;}
}
@media only screen and (min-width: 414px){
	
	.ss_test{ font-size:1.3rem;}

    .infor .wd { display:block; width:70%; height:132px; float:left; color:#808080; overflow:hidden; margin-left:3%;}
	.infor .wd .st{ line-height:20px; max-height:40px;}
	.infor .art .wd .st{ line-height:24px; min-height:26px; max-height:48px;}
	.infor .item .img .tl{ font-size:1.0rem; top:8%; left:0%;}
	.infor .wd .t_user .x1 .u_imger{ height:15px; width:15px; margin-top: 3px; margin-right: 5px;}
	.art_hide{ max-height:768px; overflow:hidden;}
}
@media only screen and (min-width: 640px){
	
	.ss_test{ font-size:1.3rem;}

    .infor .wd { display:block; width:80%; height:132px; float:left; color:#808080; overflow:hidden; margin-left:3%;}
	.infor .wd .st{ line-height:20px; max-height:40px;}
	.art_hide{ max-height:988px; overflow:hidden;}

}





.infor .wd .time .x1{ float:left; height:20px;}
.infor .wd .time .x1 .u_imger{ height:20px; width:20px; float:left; overflow:hidden; border-radius:100%;}
.infor .wd .time .x1 .u_imger img{ width:100%;}
.infor .wd .time .x1 .user{ float:left; height:20px; line-height:20px; margin-left:5px;}

.infor .wd .time .s1{ position:absolute; right:0; line-height:20px; color:#999;}
.infor .wd .time .s2{ color:#f18d1d;}
.infor .wd .time .s3{ color:#f8aa02;}
.infor .wd .time .s4{ color:#5eb966;}

.infor .wd .time .s5{ position:absolute; right:0; bottom:0px; color:#f18d1d; border:1px solid #f18d1d; background-color:#fff2ea; border-radius:5px; padding:1% 2% 1% 2%;}


.infor .art .s1{ position:absolute; right:0; bottom: 0; line-height:20px; color:#999; font-size: 1.0rem;}



.infor .wd .t_user{ position:absolute; left:0; bottom:1px; width:100%; font-size:1.0rem; height:18px; color:#999; }
.infor .wd .t_user .x1{ float:left; height:20px;}



.infor .wd .t_user .s1{ position:absolute; right:0; line-height:24px; font-size:1.4rem; color:#999;}
.infor .wd .t_user .s2{ color:#f18d1d;}
.infor .wd .t_user .s3{ color:#f8aa02;}
.infor .wd .t_user .s4{ color:#5eb966;}

.infor .wd .t_user .s5{ position:absolute; right:0; bottom:0px; color:#f18d1d; border:1px solid #f18d1d; background-color:#fff2ea; border-radius:5px; padding:1% 2% 1% 2%;}

.infor .wd .t_user .s6{ font-size:1.6rem; line-height:20px; font-weight:bold; color:#f18d1d;}


.infor .wd .t_user .s7{ color:#fff; border:1px solid #f18d1d; background-color:#f18d1d; border-radius:3px; padding:1% 8% 1% 8%;}

.infor .wd .t_user .s7_1{ color:#666; border:1px solid #999; background-color:#fff; border-radius:3px; padding:1% 8% 1% 8%; margin-left:3%;}

.infor .wd .t_user .s7_2{ color:#fff; border:1px solid #ccc; background-color:#ccc; border-radius:3px; padding:1% 8% 1% 8%; margin-left:3%;}

.infor .wd .t_user .s7_3{ color:#f18d1d; border:1px solid #f18d1d; background-color:#fff; border-radius:3px; padding:1% 8% 1% 8%; margin-left:3%;}




.infor .art{}
.infor .art .wd{ margin-left: 0;}
.infor .art .wz{ width: 100%;}
.infor .art .wd .st{ font-size: 1.6rem; font-weight: bold;}
.infor .art .img{ float: right; margin-top: 1px;}





.infors {padding:3%; overflow:hidden; font-family:"微软雅黑"; background-image:url(../images/end.png); background-repeat:no-repeat;  z-index:999 ; position:relative; margin-top:-40%;}
.infors .item {width:100%; overflow:hidden;}
.infors .img {width:18%; float:left; max-width:120px;}
.infors .img img { width:100%; max-width:120px;}
.infors .wd { display:block; width:80%; float:right; height:140px; line-height:25px;color:#808080;overflow:hidden;}
.infors .wd strong {display:block; line-height:30px; overflow:hidden; color:#333;}

.list_wrapper{position:absolute; top:70px; width:100%; max-width:640px;}



.details .title a.tj{ display:block; position:relative; line-height:25px; text-align:center; color:#fff; margin-bottom:3%;}

.details .title .tj .bg_img{ position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; border-radius:5px; z-index:1;}
.details .title .tj .bg_img img{ width:100%; margin-top:-30%;}


.details .title .tj .bg_txt{ position:relative; padding-top:3%; padding-bottom:3%; z-index:2; border-radius:5px; background:rgba(0, 0, 0, 0.3) none repeat scroll 0 0 !important; filter:Alpha(opacity=30);}


.details .title .tj .s1{ width:95%; margin:auto; font-size:1.6rem; line-height:20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.details .title .tj .s2{ font-size:1.0rem; line-height:15px;}





.group{ padding:4%; overflow:hidden; position:relative; z-index:10; display:block;}


.group li{ color:#aaa; font-size:1.2rem; line-height:22px;}


.group .a1{ display:block; overflow:hidden; position:relative; background:url(../images/p.png) top no-repeat; background-size:100% 100%; padding-top:5%; padding-bottom:5%; margin-bottom:3%; line-height:25px;}


.group .a1 a.href{ position:absolute; height:100%; width:100%; top:0; left:0;}

.group .a1 .m1{ display:block; float:left; width:60%; margin-left:5%; font-size:1.4rem; color:#666; overflow:hidden; white-space:nowrap; text-overflow: ellipsis;}
.group .a1 .m2{ display:block; float:left; font-size:1.2rem; color:#aaa;}

.group .a1 .m3{ float:right; margin-right:15%; font-size:1.2rem; color:#f18d1d;}
.group .a1 .m4{ position:absolute; right:2%; top:0; height:100%; width:10%; border-left:1px solid #f5f4f3; background:url(../images/go.png) center no-repeat; background-size:50% auto;}




.group .img span {width:100%; float:left; border-bottom:1px solid #fff; margin-bottom:1%;  max-width:76px; max-height:76px; overflow:hidden; min-width:75px;}

.group .img img { width:100%;}
.group .wd { display:block; width:70%; float:left; color:#808080; overflow:hidden; margin-left:2%;}

.group .wds { display:block; width:70%; max-width:430px; float:left; color:#808080; overflow:hidden; margin-left:2%;}

.group .wd .time{display:block; overflow:hidden; font-size:1.2rem; line-height:15px; color:#999; }
.group .wd .time .x2{ height:18px; width:18px; background:url(../images/girl.png) left no-repeat; background-size:100% auto; float:left; margin-right:5px;}
.group .wd .time .x3{ height:18px; width:18px; background:url(../images/boy.png) left no-repeat; background-size:100% auto; float:left; margin-right:5px;}

.group .txt{ font-size:1.2rem; color:#333;}
.group .txt .s{ font-size:1.6rem;}


.group .y1{ clear:both; overflow:hidden; margin-top:3px;}
.group .y2{ font-size:1.2rem; color:#f18d1d;}





.infor_group{padding:3%; overflow:hidden; position:relative; z-index:10; display:block;}
.infor_group .items {width:100%;  position:relative; overflow:hidden; }
.infor_group .img span {width:100%; float:left; border-bottom:1px solid #fff; margin-bottom:1%;  max-width:76px; max-height:76px; overflow:hidden; min-width:75px;}

.infor_group .img img { width:130%;  min-height:100px; min-width:100px; }
.infor_group .wd { display:block; width:68%; float:left; color:#808080; overflow:hidden; margin-left:3%;}

.infor_group .wd .st .s1{ font-size:1.2rem; color:#fff; border-radius:3px; background-color:#CDBBF2; padding:0% 1% 0% 1%;}
.infor_group .wd .st .s2{ font-size:1.2rem; color:#fff; border-radius:3px; background-color:#8DE7CE; padding:0% 1% 0% 1%;}


.infor_group .wd .time{display:block; overflow:hidden; font-size:1.1rem; height:1.5rem; line-height:1.5rem; color:#999; }
.infor_group .txt{ font-size:1.2rem; color:#333;}
.infor_group .txt .s{ font-size:1.6rem;}




.trip_group{ overflow:hidden; position:relative;}
.trip_group .sel{ width:33.3%; float:left; text-align:center; display:block; padding-top:3%; padding-bottom:3%; color:#999;}

.trip_group .sel .img{ height:25px; width:48%; float:left; text-align:right;}
.trip_group .sel .t{ height:25px; line-height:25px; width:48%; float:right; text-align:left;}

.trip_group .sel img{ height:19px; margin-top:3px;}

/*发现活动*/
.tbody .pic{ overflow:hidden; position:relative; margin-bottom:2%; }

.tbody .pic .img{ overflow:hidden; width:100%; height:190px; position:relative; z-index:1; }

.tbody .pic .day_img{ height: 128px;}


.tbody .pic .img img{ }


.tbody .pic .img .yy{ position:absolute; bottom:0; width:100%; height:55px;  background: -ms-linear-gradient(top, rgba(0,0,0,0),  rgba(0,0,0,0.7)); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.7))); background: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.7)); 
background: -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.7));}



.tbody .pic .title{ content: "  ";font-size: 1.5rem; background: #5ad2c8;color: #fff; padding:0; position: absolute; width: 10rem; height:4.5rem; text-align: center;-webkit-transform: rotateZ(-45deg); left: -4.3rem; top: -1.3rem; line-height:80px; filter: Alpha(Opacity=50);-moz-opacity:0.5; opacity: 0.5;}

.tbody .pic .img .label{ position:absolute; bottom:6%; right:3%;  padding:0.5% 1% 0.8% 1%; overflow:hidden; background-color:#000; background:rgba(0, 0, 0, 0.2) none repeat scroll 0 0 !important; filter:Alpha(opacity=20); text-align:center;  border-radius:8px; color:#fff; min-width:44px;}
.tbody .pic .img .label .img{ text-align:right; height:18px;}


.tbody .pic .u_txt .f_txt{ display:block; padding:0 4% 0 4%; overflow:hidden; position:absolute; top:-14px; right:0; text-align:center; text-align:-webkit-center; }

.tbody .pic .u_txt .f_txt a{ background:none;}
.tbody .pic .u_txt .f_txt a:active{ background:none;}

.tbody .pic .u_txt .f_txt .s1{ font-size:1.6rem; color:#fff; line-height:20px; margin-left:3%; margin-right:3%; margin-top:2%;}
.tbody .pic .u_txt .f_txt .s2{ font-size:1.2rem; color:#fff; line-height:28px; margin-left:3%; margin-right:3%; }
.tbody .pic .u_txt .f_txt .s3{ height:10px; margin-top:2%; margin-bottom:-2px; background:url(../images/Act1.png) bottom no-repeat; background-size:100% auto; }


.tbody .pic .u_txt .f_txt .user{ display:flex; width:38px; height:38px; overflow:hidden; border-radius:100%; border:1.5px solid #fff; }
.tbody .pic .u_txt .f_txt .u_s2{ font-size:1.1rem; color:#888; line-height:15px; width:40px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}



.tbody .pic .u_txt{ padding:2.5% 4% 2.5% 4%; position:relative; z-index:2; background-color:#fff;}

.tbody .pic .u_txt .s1{ overflow:hidden; line-height:15px; font-size:1.6rem; color:#333; width:83%; margin-bottom:0; max-height:30px; min-height:15px;}
.tbody .pic .u_txt .s2{ font-size:1.1rem; color:#888; line-height:18px; width:83%;}
.tbody .pic .u_txt .s3{ font-size:1.1rem; color:#f18d1d; overflow:hidden; margin-top:0.8%;}
	
.tbody .pic .u_txt .s3 a.label{ display: inline-block; width: auto; padding:0.5% 2.5% 0.5% 2.5%; border: 1px solid #F18D1D; color: #F18D1D; font-size:1.0rem; text-align:center; line-height:15px; float:left; border-radius:15px; margin-right:2%;}


.tbody .pic .u_txt .s4{ font-size:1.0rem; color:#757b88; line-height:35px; margin-left:3%; float:right;}

.tbody .pic .u_txt .day_wd{ width: 100% !important;}
.tbody .pic .u_txt .day_wd a{ float: right; color: #888;  width: auto;}



.tbody .pic .txt{ padding:2% 3% 2% 3%; overflow:hidden;}

.tbody .pic .txt .s1{ font-size:1.6rem; color:#333; line-height:28px;}
.tbody .pic .txt .s2{ font-size:1.2rem; color:#757b88; line-height:28px;}
.recommended .img{ height: 153.6px;}
.recommended .u_txt .txt{ line-height: 20px; display: inline-block; padding: 2% 0; font-size: 1.2rem; color: #333;}
.recommended .actimg{ height: 153.6px;}
.recommended .banner{ background-color: #fff; background-image: none; padding-top: 8%; overflow: initial;}
.recommended .banner .b_cet{ margin-bottom: 0;}
.recommended .banner .label{ width: 60px; line-height: 25px; background-color: #fff; border: 2px solid #F18D1D; text-align: center; font-size: 1.8rem; vertical-align: bottom; padding-top: 5px; padding-bottom: 5px; position: absolute; left: 50%; margin-left: -30px; top: -30px; z-index: 999;}
.recommended .banner .b_cet .l{ box-shadow: initial;}
.recommended .banner .b_cet .r .s1{ color: #333;}
.recommended .banner .b_cet .r .s2{ color: #666;}
.recommended .banner .b_cet .r .s3{ color: #666;}
.recommended .banner .b_cet .r .s2 .t1 img{ height: 15px;}
.recommended .banner .b_cet .r .s3 .po{ position: absolute; bottom: 0; left: 0; font-size: 1.2rem;}
.recommended .banner .b_cet .r .s3 .go{position: absolute; bottom: 0; right: 0; font-size: 1.4rem; color: #fff; background-color: #F18D1D; border-radius: 3px; line-height: 20px; width: auto; padding: 0 5px;}


@media only screen and (min-width: 320px){

	.tbody .pic .u_txt .f_txt .user{ width:38px; height:38px; overflow:hidden; border-radius:100%; }
	.tbody .pic .u_txt .f_txt .u_s2{ font-size:1.1rem; color:#888; line-height:15px; width:40px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
	.tbody .pic .u_txt .f_txt{top:-14px;}

	.tbody .pic .img{ width:100%; height:190px; position:relative; z-index:1; }
	.tbody .pic .day_img{ height: 128px;}
	.tbody .pic .u_txt .s1{ overflow:hidden; line-height:15px; font-size:1.6rem; color:#333; width:83%; margin-bottom:1px; max-height:30px; min-height:15px;}
	.tbody .pic .u_txt .s2{ font-size:1.1rem; color:#888; line-height:15px; max-height:30px; overflow:hidden; width:83%;}
	.tbody .pic .u_txt .s3{ font-size:1.1rem; color:#f18d1d; overflow:hidden; margin-top:1.5%;}
	
	.tbody .pic .img .yy{ height:50px;}
	.recommended .img{ height: 156.6px !important;}
	.recommended .actimg{ height: 123.7px !important;}
}

@media only screen and (min-width: 375px){

	.tbody .pic .u_txt .f_txt .user{ width:40px; height:40px; overflow:hidden; border-radius:100%; }
	.tbody .pic .u_txt .f_txt .u_s2{ font-size:1.2rem; color:#888; line-height:25px; width:42px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
	.tbody .pic .u_txt .f_txt{top:-17px;}

	.tbody .pic .img{ width:100%; height:225px; position:relative; z-index:1; }
	.tbody .pic .day_img{ height: 150px;}
	.tbody .pic .u_txt .s1{ overflow:hidden; line-height:17px; font-size:1.6rem; color:#333; width:80%; margin-bottom:0; max-height:34px; min-height:20px;}
	.tbody .pic .u_txt .s2{ font-size:1.2rem; color:#888; line-height:16px; width:80%;}
	.tbody .pic .u_txt .s3{ font-size:1.2rem; color:#f18d1d; overflow:hidden; margin-top:2%;}
	.tbody .pic .img .yy{ height:60px;}
	.recommended .img{ height: 183px !important;}
	.recommended .actimg{ height: 145px !important;}
}


@media only screen and (min-width: 400px){

	.tbody .pic .u_txt .f_txt .user{ width:43px; height:43px; overflow:hidden; border-radius:100%; }
	.tbody .pic .u_txt .f_txt .u_s2{ font-size:1.3rem; color:#888; line-height:26px; width:46px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
	.tbody .pic .u_txt .f_txt{top:-16px;}

	.tbody .pic .img{ width:100%; height:250px; position:relative; z-index:1; }
	.tbody .pic .day_img{ height: 165px;}
	.tbody .pic .u_txt .s1{ overflow:hidden; line-height:19px; font-size:1.6rem; color:#333; width:80%; margin-bottom:4px; max-height:38px; min-height:20px;}
	.tbody .pic .u_txt .s2{ font-size:1.3rem; color:#888; line-height:16px; width:80%;}
	.tbody .pic .u_txt .s3{ font-size:1.3rem; color:#f18d1d; overflow:hidden; margin-top:2.5%;}
	.tbody .pic .img .yy{ height:65px;}
	.recommended .img{ height: 200.72px !important;}
	.recommended .actimg{ height: 160px !important;}
}
@media only screen and (min-width: 620px){

	.tbody .pic .u_txt .f_txt .user{ width:48px; height:48px; overflow:hidden; border-radius:100%; }
	.tbody .pic .u_txt .f_txt .u_s2{ font-size:1.2rem; color:#888; line-height:30px; margin-left:3%; width:50px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
	.tbody .pic .u_txt .f_txt{top:-18px;}
	.tbody .pic .img{ width:100%; height:300px; position:relative; z-index:1; }
	.recommended .img{ height: 310.2px !important;}
	.recommended .actimg{ height: 247px !important;}
	
}



/*活动详情*/
.banner{  overflow:hidden; position:relative; width:100%; background:url(../images/xq_bg.png) top no-repeat; background-size:120% auto;}

.banner .b_til{ padding-top:3%; padding-bottom:3%; overflow:hidden; position: relative; z-index: 1;}


.banner .b_til .banner_ret{ height:25px; width:25px; margin-left:2%; float:left; background:url(../images/xq_fh.png) center no-repeat; background-size: auto 85%;}
.banner .b_til .banner_index{ height:25px; width:25px; margin-right:2%; float:right; background:url(../images/xq_sy.png) center no-repeat; background-size: auto 85%;}


.banner .b_til .banner_index1{ height:25px; width:25px; margin-right:2%; float:right; background:url(../images/homes.png) center no-repeat; background-size: auto 85%;}
.banner .b_til .banner_index2{ height:25px; width:25px; margin-right:5%; float:right; background:url(../images/group.png) center no-repeat; background-size: auto 85%;}

.banner .b_til .banner_coll{ height:25px; width:25px; margin-right:5%; float:right; background:url(../images/collect.png) center no-repeat; background-size: auto 85%;}


.banner .b_cet{ overflow:hidden; margin:3% 4% 1% 4%; padding-bottom:3%;}
.banner .b_cet .l{ float:left; width:85px; height:117px; overflow:hidden; box-shadow:3px 3px 10px rgba(80, 72 , 75, 0.5); -moz-box-shadow:3px 3px 10px rgba(80, 72 , 75, 0.5); -webkit-box-shadow:3px 3px 10px rgba(80, 72 , 75, 0.5);}
.banner .b_cet .l img{ width:100%;}
.banner .b_cet .r{ float:left; width:68%; min-height:117px; margin-left:3%; position:relative;}


.banner .b_cet .r .s1{ color:#fff; font-size:1.6rem; line-height:16px; margin-bottom:1%; max-height:36px; overflow:hidden;}
.banner .b_cet .r .s2{ color:rgba(255, 255, 255, 0.7); font-size:1.2rem; line-height:15px; clear:both; overflow:hidden;}

.banner .b_cet .r .s2 .t1{ float:left; margin-right:2%;}
.banner .b_cet .r .s2 .t1 img{ height:11px; margin-top:1px;}


.banner .b_cet .r .s2 .t2{ float:left; display:block; width:80%; max-height:30px;}

.banner .b_cet .r .s3{position:absolute; left:0; bottom:0; width:100%; font-size:2.2rem; height:22px; color:#f18d1d;}



.b_height{ min-height:162px;}

.banner_art{ height: 184px;}
.banner_mus{ height: 206px;}
.banner_art .art_img{ position: absolute; top: 0; width: 100%;} 
.banner_mus .art_img{ position: absolute; top: 0; width: 100%;} 
@media only screen and (min-width: 320px){
	
	.banner .b_cet .l{ float:left; width:85px; height:117px; overflow:hidden; box-shadow:5px 5px 15px rgba(80, 72 , 75, 0.5); -moz-box-shadow:5px 5px 15px rgba(80, 72 , 75, 0.5); -webkit-box-shadow:5px 5px 15px rgba(80, 72 , 75, 0.5);}

	.banner .b_cet .r{ float:left; width:68%; min-height:117px; margin-left:3%; position:relative;}
	.banner .b_cet .r .s2 .t2{ float:left; display:block; width:91%; max-height:28px;}

	.banner .b_cet .r .s1{ color:#fff; font-size:1.6rem; line-height:16px; margin-bottom:8px; max-height:34px; overflow:hidden;}
	.banner .b_cet .r .s2{ color:rgba(255, 255, 255, 0.7); font-size:1.2rem; line-height:14px; clear:both; overflow:hidden;}
	.banner .b_cet .r .s3{ height:22px; font-size: 2.2rem;}

	.banner .b_til .banner_ret{ height:25px; width:25px; margin-left:2%; float:left; background:url(../images/xq_fh.png) center no-repeat; background-size: auto 85%;}
	.banner .b_til .banner_index{ height:25px; width:25px; margin-right:2%; float:right; background:url(../images/xq_sy.png) center no-repeat; background-size: auto 85%;}
	.banner .b_til .banner_index1{ height:25px; width:25px; margin-right:2%; float:right; background:url(../images/homes.png) center no-repeat; background-size: auto 85%;}
	.b_height{ min-height:162px;}
	.banner_art{ height: 184px;}
	.banner_art{ height: 206px;}
}
@media only screen and (min-width: 375px){
	
	.banner .b_cet .l{ float:left; width:100px; height:135px; overflow:hidden; box-shadow:5px 5px 15px rgba(80, 72 , 75, 0.5); -moz-box-shadow:5px 5px 15px rgba(80, 72 , 75, 0.5); -webkit-box-shadow:5px 5px 15px rgba(80, 72 , 75, 0.5);}

	.banner .b_cet .r{ float:left; width:68%; min-height:135px; margin-left:3%; position:relative;}
	.banner .b_cet .r .s2 .t2{ float:left; display:block; width:91%; max-height:35px;}
	.banner .b_cet .r .s1{ color:#fff; font-size:1.6rem; line-height:20px; margin-bottom:8px; max-height:40px; overflow:hidden;}
	.banner .b_cet .r .s2{ color:rgba(255, 255, 255, 0.7); font-size:1.3rem; line-height:18px; clear:both; overflow:hidden;}
	.banner .b_cet .r .s3{ height:25px; font-size: 2.3rem;}

	.banner .b_til .banner_ret{ height:25px; width:25px; margin-left:2.5%; float:left; background:url(../images/xq_fh.png) center no-repeat; background-size: auto 95%;}
	.banner .b_til .banner_index{ height:25px; width:25px; margin-right:2.5%; float:right; background:url(../images/xq_sy.png) center no-repeat; background-size: auto 95%;}
	.banner .b_til .banner_index1{ height:25px; width:25px; margin-right:2.5%; float:right; background:url(../images/homes.png) center no-repeat; background-size: auto 95%;}
	.b_height{ min-height:190px;}
	.banner_art{ height: 209px;}
	.banner_mus{ height: 235px;}
}
@media only screen and (min-width: 414px){
	
	.banner .b_cet .l{ float:left; width:110px; height:150px; overflow:hidden; box-shadow:5px 5px 15px rgba(80, 72 , 75, 0.5); -moz-box-shadow:5px 5px 15px rgba(80, 72 , 75, 0.5); -webkit-box-shadow:5px 5px 15px rgba(80, 72 , 75, 0.5);}
	.banner .b_cet .r{ float:left; width:68%; min-height:150px; margin-left:3%; position:relative;}
	.banner .b_cet .r .s2 .t2{ float:left; display:block; width:92%; max-height:38px;}
	.banner .b_cet .r .s1{ color:#fff; font-size:1.6rem; line-height:20px; margin-bottom:12px; max-height:42px; overflow:hidden;}
	.banner .b_cet .r .s2{ color:rgba(255, 255, 255, 0.7); font-size:1.4rem; line-height:20px; clear:both; overflow:hidden;}
	.banner .b_cet .r .s3{ height:27px; font-size: 2.4rem;}
	
	.banner .b_til .banner_ret{ height:25px; width:25px; margin-left:2.5%; float:left; background:url(../images/xq_fh.png) center no-repeat; background-size: auto 100%;}
	.banner .b_til .banner_index{ height:25px; width:25px; margin-right:2.5%; float:right; background:url(../images/xq_sy.png) center no-repeat; background-size: auto 100%;}
	.banner .b_til .banner_index1{ height:25px; width:25px; margin-right:2.5%; float:right; background:url(../images/homes.png) center no-repeat; background-size: auto 100%;}
	.b_height{ min-height:210px;}
	.banner_art{ height: 229px;}
	.banner_mus{ height: 255px;}
}
@media only screen and (min-width: 620px){
	
	.banner .b_cet .l{ float:left; width:120px; height:160px; overflow:hidden; box-shadow:5px 5px 15px rgba(80, 72 , 75, 0.5); -moz-box-shadow:5px 5px 15px rgba(80, 72 , 75, 0.5); -webkit-box-shadow:5px 5px 15px rgba(80, 72 , 75, 0.5);}
	.banner .b_cet .r{ float:left; width:76%; min-height:160px; margin-left:3%; position:relative;}
	.banner .b_cet .r .s2 .t2{ float:left; display:block; width:90%; max-height:60px;}
	.b_height{ min-height:324px;}
	.banner_art{ height: 269px;}
	.banner_mus{ height: 289px;}

}









.banner .banner_rets{ position:absolute; width:12%; width:40px; height:40px; border-radius:100%; left:3%; top:3%; z-index:5;}
.banner .banner_rets img{ width:100%;}

.banner .banner_indexs{ position:absolute; width:12%; width:40px; height:40px;  border-radius:100%; right:3%; top:3%; z-index:5;}
.banner .banner_indexs img{ width:100%; }


.banner .banner_fx{ position:absolute; width:12%; width:40px; height:40px;  border-radius:100%; right:15%; top:3%; z-index:5;}
.banner .banner_fx img{ width:100%; }


.banner .banner_mess{ position:absolute; width:12%; max-width:45px;  border-radius:50px; right:6%; bottom:6%; text-align:center; background-color:#000; color:#fff; font-size:1.0rem; padding:1% 0 1% 0; background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important; filter:Alpha(opacity=50);  z-index:5;}


.banner .bg2{ position:absolute; top:0; width:100%; max-width:640px; min-width:320px;}

.banner .blur {
    filter: url(blur.svg#blur); 
    -webkit-filter: blur(25px); 
       -moz-filter: blur(25px);
        -ms-filter: blur(25px);   
            filter: blur(25px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=25, MakeShadow=false); 
}



.banner .banner_group{ width:100%; height:60%; z-index:5; position:relative; text-align:center; color:#FFF; margin-bottom: 8%;}

.banner .banner_group .img{ width:56px; height:56px; overflow:hidden; margin:3% auto; border-radius:100%; border:2px solid #fff;}

.banner .banner_group .img img{ width:100%;}

.banner .banner_group .tit{ font-size:1.6rem; line-height:18px; margin-bottom: 2%; width: 90%; margin: auto;}
.banner .banner_group .tit .s2{ font-size:1.1rem; display: inline-block;  padding:0.5% 1% 0.5% 1%; margin-top:-5px;  border-radius:3px; background-color:#666;}


.banner .banner_group .txt{ font-size:1.2rem; color: rgba(255, 255, 255, 0.7);}








.tbody .rlist{ color:#333; font-size:1.6rem; font-weight:bold; padding:3% 5% 3% 5%; background-color:#FFF;

}

.tbody .rlist .z1{ overflow:hidden;}


.tbody .rlist .s1{ font-size:1.6rem; line-height:25px; text-align:left;}
.tbody .rlist .s2{ font-size:1.2rem; color:#fff; background-color:#50c8d7; padding:0% 1% 0% 1%; height:18px; line-height:18px; margin-left:1%; border-radius:3px;}



.tbody .rlist .z1 .star{ float:left; width:100%;}
.tbody .rlist .z1 .star a{ display:block; overflow:hidden;}
.tbody .rlist .z1 .star a:hover{ display:block; overflow:hidden;}

.tbody .rlist .z1 .star .star1{ width:13px; height:15px; float:left; margin-right:4px; background:url(../images/stars.png) top no-repeat; background-size:100% auto;}
.tbody .rlist .z1 .star .cur{ width:13px; height:15px; float:left; margin-right:4px; background:url(../images/star1.png) top no-repeat; background-size:100% auto;}


.tbody .rlist .z1 .star .t1{ font-size:1.1rem; color:#999; font-weight:normal; margin-left:5px; float:left; height:15px; line-height:15px;}
.tbody .rlist .z1 .star .t2{ font-size:1.1rem; color:#999; font-weight:normal; margin-left:5px; float:left; height:15px; line-height:15px;}







.details .ico{
    width:30%;
    float:left;
    background-color: #FFF;
    overflow: hidden;
    font-family: "微软雅黑";
    border-bottom: 1px solid #ddd;
    padding: 3%;
    margin-bottom: 3%;
    color: #333;
}

.details .item{
    background-color: #FFF;
    overflow: hidden;
    font-family: "微软雅黑";
    padding: 0 5% 3% 5%;
    color: #333;
}
.details .st {
    display: block;
    overflow:hidden;
	position:relative;

}



.details .infor_art{ background-color: #eee; padding: 2% 0;}
.details .infor_art a{ background: none;}
.details .infor_art a:active{ background-color: #ddd;}
.details .infor_art .item{padding: 3% 5% 3% 0; background: none;}

.details .stxt{ font-size:1.4rem; color:#333; margin-top:10px; margin-bottom:10px;}
.details .stxt a{ color:#f18d1d;}
.details .stxt a:active{ color:#F30;}


.details .st .time{ width:8%; float:left; margin-top:20px; }


.details .st .time img{ width:50%; max-width:18px;}

.details .st .time_h{ width:18%; font-size:1.4rem; color:#999; float:left; line-height:25px; }
.details .st .time_h img{ width:50%; max-width:18px; min-width:13px;}


.details .st .time_t1{ position:absolute; top:20%; left:0; width:15px; height:15px; background:url(../images/t1.png) center no-repeat; background-size:100% auto;}
.details .st .time_t2{ position:absolute; top:35%; left:0; width:15px; height:15px; background:url(../images/t2.png) center no-repeat; background-size:100% auto;}
.details .st .time_t3{ position:absolute; top:20%; left:0; width:15px; height:15px; background:url(../images/t3.png) center no-repeat; background-size:100% auto;}

.details .st a.time_t4{ position:absolute; top:0; right:0; width:20%; max-width:65px; line-height:23px; border:1px solid rgba(255, 128, 48, 0.5); border-radius:5px; color:#f18d1d; font-size:1.2rem; text-align:center;}
.details .st a.time_t4:active{ background-color:#eee;}

.details .st .time_s{ float:left; font-size:1.4rem; color:#333; line-height:25px; margin-left:22px; }


@media only screen and (min-width: 320px){

.banner .banner_group .img{ width:56px; height:56px;}
.details .st .time_t1{ position:absolute; top:20%; left:0; width:15px; height:15px; background:url(../images/t1.png) center no-repeat; background-size:100% auto;}
.details .st .time_t2{ position:absolute; top:35%; left:0; width:15px; height:15px; background:url(../images/t2.png) center no-repeat; background-size:100% auto;}
.details .st .time_t3{ position:absolute; top:20%; left:0; width:15px; height:15px; background:url(../images/t3.png) center no-repeat; background-size:100% auto;}
.details .st .time_s{ float:left; font-size:1.4rem; color:#333; line-height:25px; margin-left:22px; }

}


@media only screen and (min-width: 375px){
	
.banner .banner_group .img{ width:60px; height:60px;}
.details .st .time_t1{ position:absolute; top:20%; left:0; width:17px; height:17px; background:url(../images/t1.png) center no-repeat; background-size:100% auto;}
.details .st .time_t2{ position:absolute; top:35%; left:0; width:17px; height:17px; background:url(../images/t2.png) center no-repeat; background-size:100% auto;}
.details .st .time_t3{ position:absolute; top:20%; left:0; width:17px; height:17px; background:url(../images/t3.png) center no-repeat; background-size:100% auto;}
.details .st .time_s{ float:left; font-size:1.4rem; color:#333; line-height:25px; margin-left:25px; }
.banner .banner_group .tit{  line-height:20px; margin-bottom: 2%;}
}

@media only screen and (min-width: 414px){
	
.banner .banner_group .img{ width:70px; height:70px;}
.details .st .time_t1{ position:absolute; top:20%; left:0; width:19px; height:19px; background:url(../images/t1.png) center no-repeat; background-size:100% auto;}
.details .st .time_t2{ position:absolute; top:30%; left:0; width:19px; height:19px; background:url(../images/t2.png) center no-repeat; background-size:100% auto;}
.details .st .time_t3{ position:absolute; top:20%; left:0; width:19px; height:19px; background:url(../images/t3.png) center no-repeat; background-size:100% auto;}
.details .st .time_s{ float:left; font-size:1.4rem; color:#333; line-height:25px; margin-left:30px; }
.banner .banner_group .tit{  line-height:22px; margin-bottom: 2%;}
}




.details .st .time_s span{ display:block; line-height:25px;}
.details .st .time_s .s1{ font-size:1.4rem; color:#666;}
.details .st .time_s .s2{ font-size:1.2rem; color:#999; line-height:15px;}

.details .st .time_s .s1 .plo{ clear:both; overflow:hidden; margin-bottom:5px;}
.details .st .time_s .s1 .plo .x1{ float:left; display:block; font-size:1.4rem; color:#666;}
.details .st .time_s .s1 .plo .x2{ float:left; display:block; font-weight:bold; }


.details .st .time_s .text7{ color:#333; font-size:1.2rem; min-height:44px; line-height:54px;  display:block; }

.details .st .time_s .text7s{ color:#333; font-size:1.2rem; min-height:24px;  display:block; margin-top:1%; margin-bottom:1%; }









.title .st .x1{ height:25px; font-size:1.4rem; line-height:25px; padding-top:1%; padding-bottom:1%; position:relative;}
.title .st .w_x1{ font-size:1.4rem; line-height:25px; padding-top:1%; padding-bottom:1%; position:relative; margin-bottom: 5%;}
.title .st .w_x1 .trip .w_user{ height: 11px; width: 11px; margin-top: 7px; float: left; background: url(../images/wz.png) left top no-repeat; background-size: 100%;}
.title .st .w_x1 .trip .w_txt{ float: left; margin-left: 5px; font-size: 1.0rem; color: #F18D1D;}
.title .st .w_x1 .trip .bt{ font-size: 1.8rem; color: #333; font-weight: bold;}
.title .st .w_x1 .trip .w_time{ font-size: 1.0rem; color: #ccc; line-height: 20px; }
.title .st .w_x1 .trip .label{ border: 1px solid #4b8fe2; padding: 0.5% 3% 0.5% 3%; font-size: 1.2rem; display: inline; color: #4b8fe2; border-radius: 15px;}
.title .st .w_x1 .trip .column{ text-align: center; color: #666; font-size: 1.2rem;}
.title .st .w_x1 .trip .column span{ height: 18px; width: 25px; background: url(../images/column.png) center no-repeat; background-size: auto 100%; display: inline-block; vertical-align: sub; }

.title .st .w_x2{ font-size:1.4rem; line-height:25px; padding-top:1%; padding-bottom:1%; position:relative; margin-bottom: 5%;}
.title .st .w_x2 .trip .w_user{ height: 11px; width: 11px; margin-top: 7px; float: left; background: url(../images/wz.png) left top no-repeat; background-size: 100%;}
.title .st .w_x2 .trip .w_txt{ float: left; margin-left: 5px; font-size: 1.0rem; color: #F18D1D;}
.title .st .w_x2 .trip .bt{ font-size: 1.8rem; color: #333; font-weight: bold;}
.title .st .w_x2 .trip .w_time{ font-size: 1.6rem; color: #999; float: left; }
.title .st .w_x2 .trip .r_time{ font-size: 1.0rem; color: #999; float: right; }
.title .st .w_x2 .trip .label{display: inline-block; width: auto; background-color: #f9ecd8; padding: 0% 2% 0% 2%; font-size: 1.0rem; display: inline; color: #F18D1D; border-radius: 15px; float: left; height: 15px; line-height: 15px; margin: 4px 0 0 5px;}

.title .st .x1 .xt{ position:absolute; left:0; height:15px; border-radius:1px; width:4px;  background-color:#f18d1d;}
.title .st .x1 .mass{ float:left; color:#666; height:18px; line-height:16px;  padding-left:4%;}
.title .st .x1 .more{ float:right; color:#f18d1d; height:18px; line-height:16px; }
.title .st .x1 .mass .f8{ color:#f18d1d;}
.title .st .x1 .zx{float:left; color:#666; font-size:1.2rem; height:18px; line-height:16px; }

.title .st .x1 .liter{ float:left; color:#666; height:18px; line-height:16px;  padding-left:4%; font-size: 1.0rem;}
.title .st .x1 .liter .l1{ height: 16px; width: 20px; margin-left: 5px; display: inline-block; float: right; background: url(../images/article_guide.png) bottom no-repeat ; background-size: auto 88%; }
.title .st .x1 .rliter{ float:right; color:#666; height:18px; line-height:16px;  padding-right:4%;}
.title .st .x1 .rliter .l1{ height: 16px; width: 20px; margin-left: 10px; display: inline-block; float: right; background: url(../images/article.png) bottom no-repeat ; background-size: auto 88%; }
.title .st .x1 .rliter .l1_pre{ height: 16px; width: 20px; margin-left: 10px; display: inline-block; float: right; background: url(../images/article_pre.png) bottom no-repeat ; background-size: auto 88%; }
.title .st .x1 .rliter .l2{ height: 16px; width: 20px; margin-left: 10px; display: inline-block; float: right; background: url(../images/fair.png) bottom no-repeat ; background-size: auto 90%; }
.title .st .x1 .rliter .l2_pre{ height: 16px; width: 20px; margin-left: 10px; display: inline-block; float: right; background: url(../images/fair_pre.png) bottom no-repeat ; background-size: auto 90%; }
.title .st .x1 .rliter .l3{ height: 16px; width: 20px; margin-left: 12px; display: inline-block; float: right; background: url(../images/studio.png) bottom no-repeat ; background-size: auto 100%; }
.title .st .x1 .rliter .l3_pre{ height: 16px; width: 20px; margin-left: 12px; display: inline-block; float: right; background: url(../images/studio_pre.png) bottom no-repeat ; background-size: auto 100%; }

.title .st .x2{ overflow:hidden;}
.title .st .x2 .trip{ }
.title .st .x2 .trip .xq img{ margin:3px auto; display:block; text-align:center; max-width:100%;}
.title .st .x2 .tit_xq{ font-size: 1.4rem; line-height: 22px; color: #999; width: 63%; margin:8% auto 5%; display: block; text-align: center;}
.title .st .x2 .xq{ font-size:1.6rem; line-height: 23px; color:#333;}

.title .st .x2 .hide{ max-height:315px; overflow:hidden;}
.title .st .x2 .y_hide{ max-height:800px; overflow:hidden;}
@media only screen and (min-width: 375px){
	
	.title .st .x2 .hide{ max-height:360px; overflow:hidden;}
	.title .st .x2 .y_hide{ max-height:900px; overflow:hidden;}
}

@media only screen and (min-width: 414px){
	
	.title .st .x2 .hide{ max-height:450px; overflow:hidden;}
	.title .st .x2 .y_hide{ max-height:1100px; overflow:hidden;}
}



.title .st .x2 a.per{ width:11.11%; font-size:1.0rem; line-height:30px; color:#333; overflow:hidden; float:left; text-align:center;}


.title .st .x2 .ret{position:absolute; right:0; top:10%;  width:13%; float:right; background:url(../images/go.png) center no-repeat; background-size:auto 70%;}





.title .st .x2 .per .user_img img{ width:100%;}





.title .st .x2 .left{ float:left; height:38px;}
.title .st .x2 .left .t1{ line-height:20px; color:#333; font-size:1.4rem;}
.title .st .x2 .left .t2{ line-height:18px; color:#999; font-size:1.2rem;}

.title .st .x2 .right{ float:right; line-height:38px; height:38px; font-size:3.0rem; color:#f18d1d;}


.xt_ec_g{ background-color:#eeeeee; width:1px; float:left; height:70%; position:absolute; left:36px; top:15%; z-index:995;  }


.title .st .pers{ overflow:hidden; float:left; text-align:center; margin-right:5px; position:relative;}
.title .st .pers .user_img{ width:26px; height:26px; border-radius:100%; overflow:hidden; }
.title .st .pers .user_img img{ width:100%;}

.title .st .pers .v{ position:absolute; width:10px; height:10px; right:0; bottom:0; background:url(../images/v.png) center no-repeat; background-size:100% auto;}





@media only screen and (min-width: 375px){
	
	.xt_ec_g{ background-color:#eeeeee; width:1px; float:left; height:70%; position:absolute; left:42px; top:15%; z-index:995;  }

	.title .st .pers{ margin-right:5px;}
	.title .st .pers .user_img{ width:32px; height:32px; }
	.title .st .pers .user_img img{ width:100%;}
	
	.title .st .pers .v{ position:absolute; width:12px; height:12px; right:0; bottom:0; background:url(../images/v.png) center no-repeat; background-size:100% auto;}
	.title .st .w_x1 .trip .w_user{ height: 12px; width: 12px; margin-top: 7px;}
	
}

@media only screen and (min-width: 414px){
	
	.xt_ec_g{ background-color:#eeeeee; width:1px; float:left; height:70%; position:absolute; left:46px; top:15%; z-index:995;  }

	.title .st .pers{ overflow:hidden; float:left; text-align:center; margin-right:5px; position:relative;}
	.title .st .pers .user_img{ width:36px; height:36px;}
	.title .st .pers .user_img img{ width:100%;}
	
	.title .st .pers .v{ position:absolute; width:14px; height:14px; right:0; bottom:0; background:url(../images/v.png) center no-repeat; background-size:100% auto;}
	.title .st .w_x1 .trip .w_user{ height: 14px; width: 14px; margin-top: 6px;}
}

@media only screen and (min-width: 640px){
	
	.xt_ec_g{ background-color:#eeeeee; width:1px; float:left; height:70%; position:absolute; left:68px; top:15%; z-index:995;  }

	.title .st .pers{ overflow:hidden; float:left; text-align:center; margin-right:5px; position:relative;}
	.title .st .pers .user_img{ width:58px; height:58px; }
	.title .st .pers .user_img img{ width:100%;}
	
	.title .st .pers .v{ position:absolute; width:18px; height:18px; right:0; bottom:0; background:url(../images/v.png) center no-repeat; background-size:100% auto;}

}

.details .st .go{ float:right; width:8%; text-align:center; height:16px; position: absolute; top:35%; right: -2px; }
.details .st .go img{ width:18%; height:100%; max-width:15px; min-width:13px;}

a.item_but_more{ display: table; width:inherit; margin:1% auto 5% auto; line-height:18px; padding:1% 5% 1% 5%; text-align:center; font-size:1.2rem; color:#ccc; border:1px solid #ddd; border-radius:5px;}
a.item_but_more:active{ background-color:#f3f3f3; color:#ccc;}

.item_but_more .more_text{ width: auto;}


.item_but_more .more_text img{ width:5%; max-width:20px; }


a.i_but_more{ display:table; width: auto; margin:1% auto 3% auto; line-height:20px; padding:1% 5% 1% 5%; text-align:center; font-size:1.2rem; color:#f18d1d; border:1px solid #f18d1d; border-radius:5px; }

a.i_but_more:active{ background-color:#f3f3f3;}


.i_but_more .more_text{ font-size:1.4rem;}


.i_but_more .more_text img{ width:5%; max-width:20px; margin-top:3px; }



.details .item .back{ float:right; width:70px; height:30px; color:#666; line-height:25px;  text-align:center; border:1px solid #ccc; text-indent:1.5em; border-radius:3px; background-image:url(../images/heart1.png) ; background-repeat:repeat-y;}
.details .item  .Focus{float:right; width:100px; height:30px; color:#fd8031; line-height:25px;  text-align:center; border:1px solid #ccc; text-indent:1.5em; border-radius:3px; background-image:url(../images/heart.png) ; background-repeat:repeat-y;}
.details .item  .trip{}

.details .item  .trip .user{ text-align:center; line-height:40px; margin:3% auto; margin-bottom:0px; font-size:1.2rem; color:#999;}

.details .item  .trip .user .user_img{ width:60px; height:60px; margin:auto; overflow:hidden; position:relative;}
.details .item  .trip .user .user_img .login{ width:18px; height:18px; position:absolute; right:0px; bottom:0px; background:url(../images/BellOrangeBig.png) bottom no-repeat; background-size:100%;}
.details .item  .trip .user .user_img img{ width:100%; border-radius:50px; }


.details .item  .trip .user .user_txt{ min-height:20px; line-height:20px; margin-top:10px; color:#666; font-size:1.4rem;}
.details .item  .trip .user .user_txts{ height:18px; line-height:18px; color:#999; font-size:1.2rem;}


.details .item  .trip .mleft{ float:left; width:80%; padding-top:1%;}
.details .item  .trip .mleft .s1{ display:block; margin-top:3px; color:#333; font-size:1.2rem;}
.details .item  .trip .mleft .s2{ padding-top:0.2em; display:block; height:2em; overflow:hidden;}


.details .item  .trip .mleft .s2 .sex_girl{ float:left; width:20%; max-width:50px; min-width:50px; margin-top:0.5%; margin-right:2%; display:block; color:#fff; background-color:#f8b3c4; padding-left:1%; text-align:center; border-radius:15px; display:block; overflow:hidden;}
.details .item  .trip .mleft .s2 .sex_girl img{ float:left; width:32%; max-width:20px; min-width:8px; display:block;}

.details .item  .trip .mleft .s2 .sex_girl_tex{ font-size:1.0rem;}



.details .item  .trip .mleft .s2 .sex_boy{ float:left; width:20%; max-width:50px; min-width:50px; margin-top:0.5%; margin-right:2%; display:block; color:#fff; background-color:#78bfe2; padding-left:1%; text-align:center; border-radius:15px; display:block; overflow:hidden;}
.details .item  .trip .mleft .s2 .sex_boy img{ float:left; width:32%; max-width:20px; min-width:8px; display:block;}

.details .item  .trip .mleft .s2 .sex_boy_tex{ font-size:1.0rem;}






.details .item  .trip .mright{ float:right; width:15%; text-align:center;}
.details .item  .trip .mright .s1{ line-height:4.5em; color:#999; font-size:1.2rem;}
.details .item  .trip .mright .s2{ line-height:4.5em; color:#f18d1d; font-size:1.2rem;}




.item_but_clear{ height:50px;}

.item_but{  overflow:hidden; position:fixed; bottom:-3px; width:100%; max-width:640px;  min-width:320px; z-index:996; }

.item_but .time{ text-align:center; line-height:25px; font-size:1.4rem; color:#fff; background-color:#fab139; padding-top:2%; padding-bottom:2%;}

.item_but .Share{
    display:block;
    float: left;
    width: 28%;
    color: #333;
    padding-bottom:3%;
    overflow:hidden;
    font-size:1.0rem;
    padding-top:3%;
    text-align: center;
    background:rgba(248, 248, 248, 0.95) none repeat scroll 0 0 !important; filter:Alpha(opacity=90); background-color:#FFF;
}

.item_but .Share .i img{ width:15px; height:15px; vertical-align:text-top;  }
.item_but .Share .i{ display:inline; text-align:right; height:100%; height:25px; line-height:25px;}
.item_but .Share .t{ display:inline; text-align:left; height:100%; font-size:1.4rem; color:#666; height:25px; line-height:25px;  max-height:24px;}

.item_but .Share .x1{ display:inline; text-align:left; height:100%; font-size:1.4rem; color:#f18d1d; height:25px; line-height:25px;  max-height:24px;}



.item_but .Admin img{ width:15px; height:15px; vertical-align:text-top; }
.item_but .Admin .i{ display:inline; text-align:right; height:100%; height:25px; line-height:25px;}
.item_but .Admin .t{ display:inline; text-align:left; height:100%; font-size:1.4rem; color:#666; height:25px; line-height:25px; max-height:24px;}


.item_but .Admin{
    display:block;
    float: left;
    width: 28%;
    overflow:hidden;
    color: #333;
    font-size:1.0rem;
    padding-top:3%;
    padding-bottom:3%;
    text-align: center;
    background:rgba(248, 248, 248, 0.95) none repeat scroll 0 0 !important; filter:Alpha(opacity=90); background-color:#FFF;
}
.item_but .sign{
    float: left;
    max-width: 285px;
    width: 44%;
    color: #fff;
    padding-top:3%;
    padding-bottom:3%;
    text-align: center;
    font-size:1.4rem;
    background-color: #fd8031;
    background:rgba(253, 128, 49, 0.95) none repeat scroll 0 0 !important;
    filter:Alpha(opacity=90);

}


.item_but .sign .b{ height:25px; line-height:25px;}



.item_buts{  overflow:hidden; position:fixed; bottom:0px; width:100%; max-width:640px;  min-width:320px; z-index:9996;}

.item_buts .add{ width:100%; display:block; text-align:center; padding-top:3%; padding-bottom:3%; font-size:1.4rem;  background-color:#f18d1d; background:rgba(241, 141, 19, 0.95) none repeat scroll 0 0 !important; filter:Alpha(opacity=50); color:#fff;}
.item_buts a{ }
.item_buts a:active{ background-color:#e4800f;}











.xq_top{ width:10%; max-width:32px; max-height:32px;  position:fixed; border-radius:50px; bottom:12%; right:5%; background-color:#f18d1d; background:rgba(255, 128, 48, 0.5) none repeat scroll 0 0 !important; filter:Alpha(opacity=50);  z-index:5;}
.xq_top img{ width:100%;}




.details .item input{ text-align:center; cursor:pointer;}

.details .item .posit{ float:right; display:block; width:50px;  background-image:url(../images/go.png);}


.item_but .net{ padding:4.5%; min-height:30px; display:block; text-align:center; background-color:#fff; color:#f18d1d; font-size:1.6rem;}



.details .title input{ padding-top:0px; padding-bottom:0px;}



.details .t_bg{ overflow:hidden; margin:5%; border-radius:3px;}




.details .title{background-color:#FFF; overflow:hidden; padding-left:4%; padding-right:4%;  color:#333; margin-top:4%; padding-top:2%; padding-bottom:2%;}
.details .title .trip{ position:relative;}


.details a.tc{ display:block; background-color:#fff;}
.details a.tc:active{ background-color:#eee;}

.details .dall{margin-bottom:3%; padding-bottom:0; padding-top:0;}

.details .dall .posit{color:#999; float:left; margin-top:13px;}
.details .dall .posit img{ width:70%; max-width:18px;}




.details .titles{background-color:#FFF; overflow:hidden; font-family:"微软雅黑"; padding-left:2.5%; padding-right:2.5%; min-height:44px; line-height:22px; color:#333; margin-top:3%; padding-top:2.5%; padding-bottom:2.5%;}


.details .title .top{
    width: 100%;
    color: #666;
    padding-top:2%;
    padding-bottom:2%;
    border: 0px;
}
.details .title .time{ float:left; width:75%; height:25px;  line-height:25px; max-width:400px; color:#333; border:0px; text-align:left;}

.details .title .times{ float:right; width:75%; height:25px;  line-height:25px; margin-right:2%; color:#333; border:0px; text-align:right;}


.details .title .age{ float:left; width:10%; height:25px;  line-height:25px; max-width:400px; color:#333; border:0px; text-align:center;}
.details .title .i{ float:left; line-height:25px; color:#999; text-align:center;}

.trip{ overflow:hidden; display:block;}


.details .title .time .a1{ font-size:1.2rem; color:#ddd; line-height:26px;}



.details .title  .ret input{ background-color:#FFF; -webkit-appearance: none;}
.details .title  .ret{
    width: 100%;
    overflow:hidden;
    height:25px;
    /*padding-top:3%;
    padding-bottom:3%;*/
}


.details .title  .ret .qk{ float:right; width:10%;}
.details .title  .ret .qk img{ width:100%; max-width:26px;}



.details .title  .rets{	width: 80%;	float:left;	overflow:hidden; border-bottom: 1px solid #ddd; padding-top:2.5%; padding-bottom:2.5%;}
.details .title .trip .its{	width: 20%;	float:left;	overflow:hidden; border-bottom: 1px solid #ddd; padding-top:2.5%; padding-bottom:2.5%;}
.details .title .trip .its .ple{margin-right:2%; margin-left:10%; color:#999; font-size:1.4rem ; line-height:25px; }

.details .title .trip .its .ples{margin-right:2%; color:#999; float:right; font-size:1.4rem ; line-height:25px; }


.details .title .ret1{width:20%; float:right; overflow:hidden; padding-top:2.5%; padding-bottom:2.5%; text-align:right;}
.details .title .jf{ width:90%; text-align:right; border:0px; line-height:25px; color:#666;}



.details .title  .mon{ width: 80%;	float:right; text-align:right; overflow:hidden; padding-top:2.5%; padding-bottom:2.5%;}

.details .title .trip .mon .ple{ width:100%; margin-right:2%; color:#999; float:right; font-size:1.4rem ; line-height:25px; }

.details .title .trip .mon .ple .time{ width:86%; height:25px; float:right;  line-height:25px; color:#f18d1d; border:0px; text-align:right; margin-right:2%;}


.details .title .trip .mon .ple .s1{ float:right;}

.details .title  .trip .go{ float:right; width:8%; margin-top:0; padding-top:1%; text-align:center; }
.details .title  .trip .go img{ width:90%; max-width: 24px; max-height: 20px;  min-height: 20px;}

.details .title  .trip .rt{ float:right; width:20px; height:20px; margin-top:2.8px; background:url(../images/rt1s.png) center no-repeat; background-size:auto 100%;}
.details .title  .trip .rts{ float:right; width:20px; height:20px; margin-top:2.8px; background:url(../images/rt1.png) center no-repeat; background-size:auto 100%;}


.details .title  .trip .rt1{ float:right; width:20px; height:20px; margin-top:2.8px; background:url(../images/go.png) center no-repeat; background-size:auto 100%;}


.details .Choice  .trip .shar{ float:left; width:13%; margin-top:0; padding-top:1%; text-align:center; }
.details .Choice  .trip .shar img{ width:60%; max-width:35px;}




.details .title  .trip  a{ }
.details .title  .trip  a:hover{ }


.details  .trip .fot{ text-align:center; display:block; margin:5% auto; width:50%;}
.details  .trip .fot img{ width:50%;}



.details .title  .trip .text{margin-right:2%; color:#333; float:left; font-size:1.4rem ; line-height:25px; }


.details .title  .trip .text1{float:right; color:#999; width:50%; overflow:hidden; white-space:nowrap;  text-overflow:ellipsis;}
.details .title  .trip .text2{float:left; max-width:100px; width:20%; text-align:center; color:#000; overflow:hidden; white-space:nowrap; background-color:#eaeaea; text-overflow:ellipsis; padding:1.5%; margin:2% 2% 2% 0px; border-radius:5px;}
.details .title  .trip .text3{ display:block;  width:100px; clear:both;}
.details .title  .trip .text4{float:right; color:#000; width:60%; max-width:400px; text-align:right;}

.details .title  .trip .text7{float:left; color:#000; width:76%; overflow:hidden; white-space:nowrap;  text-overflow:ellipsis;}

.details .title  .trip .text8{float:left; margin-bottom:3%; max-width:80px; text-align:center; width:14%;  overflow:hidden; white-space:nowrap;  }
.details .title  .trip .text8 .yh{ width:60%; max-width:68px;}

.details .titles  .trip .text8{float:left; margin-bottom:3%; max-width:80px; text-align:center; width:14%;  overflow:hidden; white-space:nowrap;  }
.details .titles  .trip .text8 .yh{ width:60%; max-width:68px;}






.details .title_type{background-color:#FFF; overflow:hidden;  padding-left:3%; padding-right:3%; color:#333;  padding-top:2.5%; padding-bottom:2.5%; position:relative;}


.details .title_type .lx{ width:33.1%; float:left; text-align:center; line-height:20px;}
.details .title_type .lx .s1{ font-size:1.2rem; display:block; color:#999;}
.details .title_type .lx .s2{ font-size:1.4rem; display:block; color:#333;}
.details .title_type .lx .s3{ font-size:1.4rem; display:block; color:#f18d1d;}


.details .title_dali{background-color:#FFF; overflow:hidden; }


.details .title_dali .lx{ width:27.3%; float:left; text-align:center; padding:3%;}
.details .title_dali .lx .s4{ font-size:1.4rem; color:#333;}
.details .title_dali .lx .s5{ font-size:1.0rem; color:#999;}
.details .title_dali .lx .select_s4{ font-size:1.4rem; color:#f18d1d;}



.details .title_dali .select{ width:27.4%; float:left; text-align:center; padding:3%; border-bottom:2px solid #f18d1d; z-index:99;}



.details .title  .trip .action{ background-color:#fd8031; color:#FFF;}
.details .title .intro{width:96%; max-height:13rem; min-height:10rem; overflow:hidden; color:#aaa; border:0px; padding:2%;  font-size:1.8rem;}

.details .titles .intro{width:96%; height:13rem; overflow:hidden; color:#333; border:0px; padding-top:2%; padding-bottom:2%;  font-size:1.6rem;}




.details .imger{ display:block; width:19%; overflow:hidden; width:63px; height:63px; float:left; border:2px dotted #999; border-radius:5px; border-width:2px;}
.details .imger img{ max-width:120px; width:100%;}

.details .fb-img{ width: 69px; height: 85px; float: left; margin:3% 0 3% 3%; text-align: center; position: relative;}
.details .fb-img .i{ width: 13px; height: 13px; position: absolute; top: 0px; right: 0px; background: url(../images/f_x.png) center no-repeat; background-size: 13px; -webkit-transform: rotate(90deg);/*Safari 4+,Google Chrome 1+  */
-moz-transform: rotate(90deg);/*Firefox 3.5+*/
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);/*ie*/}
.details .fb-img .name{ display: block; width: 100%;  text-overflow: ellipsis;  overflow: hidden; white-space: nowrap;}
.details .imgers{ display:block; width:65px; height:65px;   overflow:hidden; border:2px solid #fff; border-radius:5px; float:left;}
.details .imgers img{ max-width:120px; width:100%; height:100%;}


.details .Choice{ overflow:hidden; padding:3%; color:#333;}
.details .Choice  .trip input{margin-right:5px; float:left; }
.details .Choice  .trip .pro{ float:left; margin-top:2.5%; }
.details .Choice  .trip .texta{margin-right:1%;font-size:12px;font-size:1.2rem ; color:#999;  margin-top:1.5%; float:left; overflow:hidden;}


.cleas{ display:block; clear:both; padding:3%; color:#999; font-size:12px;font-size:1.2rem ;}



.details .Choice .money{ padding-top:1%; padding-bottom:1%; padding-right:1%; padding-left:1%; float:left; min-width:60px; max-width:80px; border:1px solid #ccc; background-color:#FFF; border-radius:7px; position:relative; overflow:hidden; }
.details .Choice .money .mon{float:left;  position:relative; overflow:hidden; min-width:20px; max-width:50px; border:0px; padding-top:2%;}


.mine{ display:block; width:88%; color:#fff; padding:3%; margin-top:20px; margin-bottom:20px; position:absolute; bottom:10px;  text-align:center; max-width:600px; border-radius:8px; background-color:#fd8031; }

.mines{ display:block; width:94%;  color:#fff; padding:3%;  margin-top:20px; margin-bottom:20px; text-align:center; border-radius:5px; background-color:#fd8031; }


.editor .exit{ display:block; width:94%; max-width:600px; overflow:hidden;  color:#f18d1d; padding:3%; text-align:center; }

.exit_s{ display:block; width:94%; border-bottom:1px solid #ddd; border-top:1px solid #ddd;  color:#333; padding:3%; text-align:center; background-color:#fff; }



.details .Choice .mines{ display:block; width:94%; padding:0; margin-left:3%; margin-right:3%; font-size:1.6rem; color:#fff; line-height:39px;margin-top:3%; margin-bottom:3%; text-align:center; border-radius:3px; background-color:#f18d1d;}
.details .Choice .regis{ display:block; width:94%; padding:0; margin-left:3%; margin-right:3%; font-size:1.6rem; color:#999; line-height:39px; margin-top:3%; margin-bottom:3%;  text-align:center;  border-radius:3px; background-color:#fff;  border:1px solid #ececec; }


.get{ display:block; width:94%;  color:#fff; padding:3%;  margin-top:20px; margin-bottom:20px; text-align:center; border-radius:5px; background-color:#ddd; }
.regis{ display:block; width:94%; color:#757575; padding:3%; margin-top:20px; margin-bottom:20px;  text-align:center;  border-radius:5px; background-color:#fff; border:1px solid #d7d7d7; }
.determine{ display:block; max-width:640px; line-height:25px; color:#fff; padding-top:3%; padding-bottom:3%; margin:4%; position:absolute; bottom:10px; text-align:center; border-radius:5px; background-color:#fd8031; clear:both; z-index:99;}
.determines{ display:block; font-size:1.6rem; line-height:25px; color:#fff; padding-top:3%; padding-bottom:3%; margin:4%; text-align:center; border-radius:5px; background-color:#fd8031; clear:both; }

.dets{ display:block; width:88%; color:#999; padding:3%; margin:3%;  text-align:center; border-radius:25px; border:1px solid #ddd; background-color:#fff; clear:both; }



.add_min{ display:block; font-size:1.6rem; line-height:25px; color:#fff; padding-top:3%; padding-bottom:3%; margin:4%; text-align:center; border-radius:5px; background-color:#fd8031; clear:both; }

.add_mins{ display:block; font-size:1.6rem; line-height:25px; color:#fff; padding-top:3%; padding-bottom:3%; margin:4%; text-align:center; border-radius:5px; background-color:#ffbf97; clear:both; }



a.notice{ display:block; height:28px; line-height:28px; text-align:center; font-size:1.4rem; color:#27A1FF; text-decoration:underline;}



.group .wd .st .x1{ float:left;}
.group .wd .st .x2{ width:18px; height:18px; float:left; margin-left:5px; margin-top:1%; background:url(../images/BellOrangeBig.png) bottom no-repeat; background-size:100%;}


.group .wd .st .b1{ color:#999;}





/*积分排行榜*/

.jf{ overflow:hidden; position:relative; width:100%;}
.jf img{ width:100%;}


.jf .banner_ret{ position:absolute; width:12%; width:40px; height:40px; border-radius:100%; left:3%; top:6%; background-color:#000; background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important; filter:Alpha(opacity=50); z-index:5;}
.jf .banner_ret img{ width:100%;}

.jf .banner_index{ position:absolute; width:12%; width:40px; height:40px;  border-radius:100%; right:3%; top:6%; background-color:#000;background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important; filter:Alpha(opacity=50);  z-index:5;}
.jf .banner_index img{ width:100%; }



.details .li{ background-color:#FFF; overflow:hidden; font-family:"微软雅黑";	padding:3.5%; color:#333; }
.details .li .lit{ width:9%; max-width:40px; float:left; text-align:center; color:#999; font-size:1.0rem; line-height:40px; font-family:"Microsoft YaHei UI"; font-style:italic;}
.details .li .i1{ background:url(../images/pic1.png) right bottom no-repeat; background-size:90%; color:#fff;}
.details .li .i2{ background:url(../images/pic2.png) right bottom no-repeat; background-size:90%; color:#fff;}
.details .li .i3{ background:url(../images/pic3.png) right bottom no-repeat; background-size:90%; color:#fff;}

.details .li .lit img{ width:80%; margin-top:25%;}

.details .li .img{ width:42px; height:42px; float:left; overflow:hidden; border-radius:100%; margin-left:3%;}
.details .li .trip{ float:left; margin-left:5%; height:42px; line-height:42px;}
.details .li .trips{ float:right; margin-left:5%; height:42px; line-height:42px;}



@media only screen and (min-width: 320px){

    .details .li .img{ width:42px; height:42px; float:left; overflow:hidden; border-radius:100%;}
    .details .li .trip{ float:left; margin-left:5%; height:42px; line-height:42px;}
    .details .li .trips{ float:right; margin-left:5%; height:42px; line-height:42px;}
    .details .li .lit{ width:9%; max-width:40px; height:42px; float:left; text-align:center; font-size:1.0rem; line-height:40px;}


}
@media only screen and (min-width: 375px){

    .details .li .img{ width:48px; height:48px; float:left; overflow:hidden; border-radius:100%;}
    .details .li .trip{ float:left; margin-left:5%; height:48px; line-height:48px;}
    .details .li .trips{ float:right; margin-left:5%; height:48px; line-height:48px;}
    .details .li .lit{ width:9%; max-width:40px; height:48px; float:left; text-align:center; font-size:1.1rem; line-height:46px;}


}
@media only screen and (min-width: 414px){

    .details .li .img{ width:56px; height:56px; float:left; overflow:hidden; border-radius:100%;}
    .details .li .trip{ float:left; margin-left:5%; height:56px; line-height:56px;}
    .details .li .trips{ float:right; margin-left:5%; height:56px; line-height:56px;}
    .details .li .lit{ width:9%; max-width:40px; height:56px; float:left; text-align:center; font-size:1.2rem; line-height:54px;}


}
@media only screen and (min-width: 500px){
    /*	.details .li .img{ width:84px; height:84px; float:left; overflow:hidden; border-radius:100%;}
        .details .li .trip{ float:left; margin-left:5%; height:84px; line-height:84px;}
    */
    .xt_ec_a{ background-color:#d7d7d7; clear:both; height:1px; -webkit-transform: scaleY(0.5); -webkit-transform-origin:0 0; overflow: hidden; margin-left:25%;}
    .details .li .lit{ width:9%; max-width:40px; float:left; text-align:center; font-size:1.4rem; line-height:48px;}

}



.details .li .trip .s1{color:#333; font-size:1.4rem;}
.details .li .trips .s2{color:#999; font-size:1.2rem;}




/*活动日历*/
.content .four { margin:0 auto; border-bottom:1px solid #ddd; font-size:1.2rem; }
.content .four .top{ overflow:hidden;}
.content .four .top .calhd{ text-align:center; line-height:25px; padding-top:3%; padding-bottom:1%; font-size:1.6rem; color:#666; position:relative;}
.content .four .top .calhd .left{ display:block; height:25px; width:25px; position:absolute; left:2%; background:url(../images/rl_l.png) center no-repeat; background-size:80% auto;}
.content .four .top .calhd .right{ display:block; height:25px; width:25px; position:absolute; right:2%; background:url(../images/rl_r.png) center no-repeat; background-size:80% auto;}


.content .four .top .calwk{ overflow:hidden; text-align:center; line-height:25px; color:#666; padding:1%;}
.content .four .top .calwk div{ float:left; width:14%;}

.content .four .top .cal{ overflow:hidden; width:100%; text-align:center; line-height:36px;}
.content .four .top .cal .s1{ float:left; width:11.3%; position:relative; border:1px solid #fff; border-radius:100%; margin:1%; color:#999;}
.content .four .top .cal i{ font-style:inherit; font-size:1.3rem; color:#393836;}
.content .four .top .cal .xz1 i{ color:#fff;}


.content .four .top .cal .xz2{ border:1px solid #f18d1d;}
.content .four .top .cal .xz1{ background-color:#f18d1d; color:#fff;}
.content .four .top .cal .xz1 .li{ background-color:#fff;}


.content .four .top .cal .li{ width:4px; height:4px; border-radius:100%; background-color:#f18d1d; position:absolute; bottom:13%; left:45%;}





@media only screen and (min-width: 375px){
	
	.content .four .top .cal{ line-height:42px;}
	.content .four .top .cal .li{ width:4px; height:4px; border-radius:100%; background-color:#f18d1d; position:absolute; bottom:15%; left:45%;}

}
@media only screen and (min-width: 414px){
	
	.content .four .top .cal{ line-height:46px;}
	.content .four .top .cal .li{ width:4px; height:4px; border-radius:100%; background-color:#f18d1d; position:absolute; bottom:18%; left:45%;}
	.item_but .Share .i img{ width:15px; height:15px; vertical-align:inherit;  }
	.item_but .Admin img{ width:15px; height:15px; vertical-align:inherit; }
	
}

@media only screen and (min-width: 640px){
	
	.content .four .top .cal{ line-height:72px;}
	.content .four .top .cal .li{ width:4px; height:4px; border-radius:100%; background-color:#f18d1d; position:absolute; bottom:25%; left:46%;}
}


.content .four .bottom{ overflow:hidden; line-height:25px;}
.content .four .bottom .left{ display:block; float:left; width:45%; line-height:25px;}
.content .four .bottom .right{ display:block; float:right; width:45%; line-height:25px;}

.content .f_time{ line-height:20px; padding:2%; color:#f18d1d; font-size:1.2rem;}

/*审核*/
.piaofu-aud{ position:fixed; top:0; z-index: 9995; padding:0; overflow:hidden; display:block; margin:0; background:#fff; width:100%; max-width:640px; min-width:320px; }





/*发现活动*/
.piaofu-nav{ position:fixed; top:0; z-index: 995; padding:0; overflow:hidden; display:block; margin:0; background:#fff; width:100%; max-width:640px; min-width:320px;/* max-height:3.5rem;*/ }

.piaofu-nav .type{ display:block; width:45%; padding:2%; height:100%; color:#000; float:left; border-right:1px solid #ccc; text-align:center; border-bottom:1px solid #900;}
.piaofu-nav .sort{ display:block; width:46%; padding:2%; color:#000; float:right; text-align:center;}

.piaofu-nav .type .on{ width:60%;}

.piaofu-nav .type .on img{ max-width:13px; width:9%; margin-left:2%; }

.piaofu-nav .sort .on{ width:60%; overflow:hidden;}

.piaofu-nav .sort .on img{ max-width:13px; width:9%; margin-left:2%;}





.singlepage .thead .mleft{ float:left; width:30%; height:25px; max-width:300px; overflow:hidden; }

.singlepage .thead .mleft .add{ width:70%; display:block; height:25px; position:relative;}

.singlepage .thead .mleft .add .li{ width:7px; height:7px; background-color:#f18d1d; position:absolute; top:0px; left:15px; border-radius:100%; border:1px solid #fff;}

.singlepage .thead .mleft .add img{ height:21px; margin-top:2px;}
.singlepage .thead .mleft .add .li{ color:#f8f8f8; line-height:20px;}


.singlepage .thead .mright{ float:right; width:65%; max-width:300px; height:25px;}
.singlepage .thead .mright .lg{ overflow:hidden;}

.singlepage .thead .mright a{}
.singlepage .thead .mright a:active{ background-color:#f8f8f8;}


.fonder{ background-color:#FFF; height:100%;}

.singlepage .thead .mleft .logo {width:42%; margin-top:3%; max-width:50px; float:left; text-align:center; color:#fff;}
.singlepage .thead .mleft .logo img{ width:42%; max-width:34px; min-width:20px;}
.singlepage .thead .mleft .logo_text { display:block;  width:70%; margin-left:3%; float:left; text-align:left; color:#333; }
.singlepage .thead .mleft .logo_text img{ width:20%; max-width:15px; }


.singlepage .thead .mleft .log { margin-left:3%; float:left; text-align:left; color:#333;}




.singlepage .thead .mright .add { display:block; text-align:center; float:right; height:25px; width:20%; max-width:30px; position:absolute; right:14%; padding-top:4px; }
.singlepage .thead .mright .add img{  width:40%; max-width:18px; min-width:18px;}



.singlepage .thead .mright .add1 { display:block; float:right; width:20%; max-width:30px; height:25px; text-align:center; position:absolute; right:25%; padding-top:4px;  }
.singlepage .thead .mright .add1 img{ width:40%; max-width:18px; min-width:18px;}

.singlepage .thead .mright .add2 { display:block; text-align:right; float:right; width:20%; max-width:68px; position:absolute; right:0; color:#333; line-height:25px; }

.singlepage .thead .mright .add2 img{ height:21px; margin-top:2px;}

.singlepage .increase{ overflow:hidden; font-family:"微软雅黑"; border-top:1px solid #ddd; padding:3%; color:#333; background-color:#FFF; }
.singlepage .increase .sear{ overflow: hidden; width:98%; color:#666; border:0px; border-radius:50px; background-color:#f0f0f0; padding-left:3%; padding-top:1%; padding-bottom:1%;}

.singlepage .increase .top{width:80%; float:left; margin-top:1%; position:relative; color:#666; border:0px; border-radius:15px; background-color:#f0f0f0; padding-left:3%;}
.singlepage .increase .find{ float:right; width:13%;}
.singlepage .increase .find img{ width:60%; max-width:35px;}
.singlepage .four{ background-color:#FFF; overflow:hidden;  color:#333; }

.singlepage .increase input{}




.thead .sear{ overflow: hidden; float:left; width:65%; height:28px; color:#666; border:0px; border-radius:50px; background-color:#f0f0f0; padding:1% 3% 1% 3%; padding-bottom:1%;}

.thead .top{width:80%; float:left; margin-top:2%; position:relative; color:#666; border:0px; border-radius:15px; background-color:#f0f0f0; padding-left:3%;}
.thead .find{ float:left; width:16%;}
.thead .find img{ width:80%; max-width:26px;}
.thead .text{ float:right; width:18%; display:block; height:28px; line-height:28px; text-align:center; margin-top:1%;  color:#f18d1d;}


/*点评*/
.review{ background-color:#f4f4f4; overflow:hidden;}
.review .trip{ padding:5%;}
.review .trip .txt{ float:left; height:30px; line-height:30px; color:#333; font-size:1.4rem;}

.review .trip .star{ float:left; width:70%; margin-left:3%;}
.review .trip .star .star1{ width:30px; height:30px; float:left; margin-right:4%; background:url(../images/stars.png) top no-repeat; background-size:100% auto;}
.review .trip .star .cur{ width:30px; height:30px; float:left; margin-right:4%; background:url(../images/star.png) top no-repeat; background-size:100% auto;}

.review .t_review{background-color:#FFF; overflow:hidden; font-family:"微软雅黑"; padding-left:2.5%; padding-right:2.5%; min-height:44px; line-height:22px; color:#333; padding-top:2.5%; padding-bottom:2.5%;}

.review .t_review .intro{width:96%; min-height:150px; overflow:hidden; color:#333; border:0px; padding-top:2%; padding-bottom:2%; font-size:1.6rem; background:none; -webkit-appearance:none;outline:none; resize: none;}

.review a.r_get{ display:block; width:90%; max-width:600px; margin:30% auto; color:#fff; padding-top:3%; padding-bottom:3%; text-align:center; background-color:#f18d1d; border-radius:5px; }
.review a.r_get:active{ display:block; width:90%; max-width:600px; margin:30% auto; color:#fff; padding-top:3%; padding-bottom:3%; text-align:center; background-color:#FF6C26; border-radius:5px; }



.f_review{ position:absolute; top:0; width:100%; max-width:640px; min-height:320px; z-index:9999; background-color:#000; background:rgba(0, 0, 0, 0.4) none repeat scroll 0 0 !important; filter:Alpha(opacity=40);}
.f_review .trip{ margin:5%; margin-bottom:30%; background-color:#fff; border-radius:5px;}
.f_review .trip .cet{ padding:5%; font-size:1.2rem; color:#333; border-bottom:1px solid #ddd;}
.f_review .trip .cet .til{ line-height:20px;}
.f_review .trip .cet .ver{ font-size:1.0rem; color:#999; margin-bottom:3%;}
.f_review .trip .cet .star{ width:100%; height:35px; margin-top:3%; margin-bottom:5%;}
.f_review .trip .cet .star .star1{ width:20%; height:35px; float:left; background:url(../images/f_star1.png) center no-repeat; background-size:auto 80% ;}
.f_review .trip .cet .star .cur{ width:20%; height:35px; float:left; background:url(../images/f_star.png) center no-repeat; background-size:auto 80% ;}


.f_review .trip .cet .intro{ width:94%; min-height:100px; overflow:hidden; color:#666; border:0px; margin-top:3%; padding:3%; font-size:1.4rem; background-color:#eee; border-radius:1px; -webkit-appearance:none;outline:none; resize: none;}


.f_review .trip .bot{ overflow:hidden; clear:both; text-align:center; font-size:1.4rem; line-height:25px;}
.f_review .trip .bot .left{ width:49.5%; float:left; color:#666; padding-top:3%; padding-bottom:3%; border-right:1px solid #ddd;}
.f_review .trip .bot .right{ width:50%; float:right; color:#f18d1d; padding-top:3%; padding-bottom:3%;}

.f_review .trip .bot a{ display:block; background-color:#fff;}
.f_review .trip .bot a:active{ display:block; background-color:#eee;}



.f_review2{ position:absolute; top:0; width:100%; max-width:640px; min-height:320px; z-index:99999; background-color:#000; background:rgba(0, 0, 0, 0.4) none repeat scroll 0 0 !important; filter:Alpha(opacity=40);}
.f_review2 .trip{ margin:5%; margin-bottom:30%; background-color:#fff; border-radius:5px;}
.f_review2 .trip .cet{ padding:5%; font-size:1.2rem; color:#333; border-bottom:1px solid #ddd;}
.f_review2 .trip .cet .til{ line-height:20px;}
.f_review2 .trip .cet .intro{ padding:3%; overflow:hidden;}

.f_review2 .trip .cet .intro .radio{ float:left; width:20px; height:20px; margin-right:3%;}
.f_review2 .trip .cet .intro .txt{ float:left; height:25px; line-height:25px;}
.f_review2 .trip .bot{ overflow:hidden; clear:both; text-align:center; font-size:1.4rem; line-height:25px;}

.f_review2 .trip .bot .cet{ width:100%; color:#f18d1d; padding-top:3%; padding-bottom:3%;}

.f_review2 .trip .bot a{ display:block; background-color:#fff;}
.f_review2 .trip .bot a:active{ display:block; background-color:#eee;}


/*登陆*/

.details .dl{ background-color:#fff; overflow:hidden; font-family:"微软雅黑"; margin-left:6%; margin-right:6%; color:#333; margin-top:3%; border-radius:7px;}

.details .dl .end{ text-align:left; padding:3%; margin-bottom:20%; float:left; width:50%;}
.details .dl .end img{ width:10%; max-width:30px;}

.details .dl .zc{ text-align:right; padding:3%; margin-bottom:20%; float:right; width:30%; color:#666;}
.details .dl .zc a{color:#666;}

.details .dl .usename{ overflow:hidden; padding:4% 3% 3% 3%; clear:both; border-bottom:1px solid #ececec; position:relative;}
.details .dl  .text{ color:#999; float:left; display:block; max-width:180px; width:20%; height:50px; margin-left:3%;}
.details .dl  .name{float:left; width:95%;  border:0px;  border-radius:7px; background:none; text-align:center;}
.details .dl .passward{overflow:hidden; padding:3%; clear:both;}


.details .dl .usename .qk{ position:absolute; right:3%;}
.details .dl .usename .qk img{width:100%; max-width:26px;}


.details .dl .usename .names{float:left; text-align:right; width:50%;  border:0px;  border-radius:7px; background:none;}
.details .dl .usename .nbut{ float:right; text-align:center; width:20%; color:#f18d1d; padding-top:1%; padding-bottom:1%; display:block; padding-left:2%; padding-right:2%; border-left:1px solid #ececec;}

.details .dl .usename .nbuts{ float:right; text-align:center; width:20%; color:#787878; padding-top:1%; background:#ccc; border-radius:5px; padding-bottom:1%; display:block; padding-left:2%; padding-right:2%; border-left:1px solid #ececec;}


.details .Choice .then{float:left; }
.details .Choice  .text{ color:#999; float:left; display:block;  width:50%;  margin-left:3%;}
.details .Choice .forg { float:right; color:#00afff; }

.details .Choice .qing{ width:33.3%; float:left; text-align:center;}
.details .Choice .qing .qq img{ width:45%; max-width:81px;}

.details .Choice_f{ overflow:hidden; padding:3%; width:100%; max-width:640px; color:#333; }

.details .Choice_f .forget{ display:block; text-align:center; margin-top:8%; color:#ccc; font-size:1.2rem;}

.details .Choice_f .forget a{ color:#ccc; font-size:1.2rem;}

.details .Choice_f .forget a:active{ color:#ccc; font-size:1.2rem;}

.Choice_d{ overflow:hidden; width:100%; color:#333; margin-bottom:5%; margin-top:20%; }
.Choice_d .trip{ margin-left:6%; margin-right:6%; margin-top:3%;}

.Choice_d .trip a{}
.Choice_d .trip a:active{ background-color:#ececec;}

.Choice_d .trip .d_dl{ display:block; text-align:center; padding-top:4%; padding-bottom:4%; width:45%; float:left; color:#999; border:1px solid #d7d7d7; border-radius:5px;}
.Choice_d .trip .d_reg{ display:block; text-align:center; padding-top:4%; padding-bottom:4%; width:45%; float:right; color:#999; border:1px solid #d7d7d7; border-radius:5px;}

.Choice_d .trip a.wx{ display:block; line-height:39px; text-align:center; width:99%; color:#fff; background-color: #69ce77; border-radius:3px; overflow:hidden;}
.Choice_d .trip .wx img{ width:15%; min-width:39px; max-width:65px; vertical-align:middle;}
.Choice_d .trip a.wx:active{ background-color:#5db76a; }


.Choice_d .trip a.qq{ display:block; line-height:39px; text-align:center; width:99%; color:#fff; background-color: #00aaea; border-radius:3px;}
.Choice_d .trip .qq img{ width:15%; min-width:39px; max-width:65px; vertical-align:middle;}
.Choice_d .trip a.qq:active{ background-color:#0097d0; }



/*.Choice_d .trip a.qq{ display:block; line-height:39px; text-align:center; color:#999; }
.Choice_d .trip .qq img{ vertical-align:middle;}
.Choice_d .trip a.qq:active{ }*/



.details .Choice .log{ text-align:center;}
.details .Choice .log img{ width:40%;}




/*邀请函*/

.book{ width:100%; position:absolute; max-width:640px; min-width:320px; height:100%; background:url(../images/bg2.png) center no-repeat; background-size:160% 130%; }
.books{background:url(../images/bg2.png) center no-repeat; background-size:160% 130%; }

.books11{background:url(../images/2.png) center no-repeat; background-size:160% 130%; }


.Choice_d .a1{ text-align:center; color:#FFF; line-height:25px;}
.Choice_d .a2{ color:#fadd61;}
.Choice_d .trip .go{ display:block; text-align:center; width:30%; padding:3%; margin:0 auto; color:#999; background-color:#ffe056; border-radius:5px;}

.Choice .a1{ text-align:center; color:#FFF; line-height:2rem; font-size:1.6rem;}
.Choice .a2{ color:#fadd61;}
.Choice .trip .go{ display:block; text-align:center; width:30%; padding:3%; margin:0 auto; color:#674b46; font-size:1.6rem; line-height:25px; background-color:#ffe056; border-radius:5px;}


.infoBox .banner_ret{ position:absolute; width:12%; width:40px; height:40px; border-radius:100%; left:3%; top:2%; background-color:#000; background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important; filter:Alpha(opacity=50); z-index:5;}
.infoBox .banner_ret img{ width:100%;}


.Choice .imgs{ width:100%; overflow:hidden;}
.Choice .imgs img{ width:70%; max-width:290px;}
/*注册*/


.details .Choice .verif { width:50%; padding:3%; margin-top:2%; float:left; border:1px solid #ddd;}
.details .Choice .verif_img{width:30%; padding:3%; margin-top:2%; float:left;}
.details .code{ height:50px; clear:both; border-bottom:1px solid #ddd;}

.details .Choice .code{ margin-top:1%; padding-bottom:2%;}

.details .code .text{ color:#999; float:left; display:block; max-width:60px; width:16%; height:50px; margin-left:3%;}
.details .code .name{float:left; width:20%; padding:1.5%; margin-top:1.5%;  border:0px; border:1px solid #ddd; margin-right:1%;}
.details .code .forg {
    line-height:30px;
    float:left;
    color:#fff;
    background-image: -moz-linear-gradient(#ffd508, #fd8031);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffd508), to(#fd8031));
    background-image: -webkit-linear-gradient(#ffd508, #fd8031);
    background-image: -o-linear-gradient(#ffd508, #fd8031);
    text-align:center;
    margin-top:1.5%;
    padding:0.5% 1.5% 0.5% 1.5%;
    border-radius:5px;   }
.details .code .forg:hover {
    line-height:30px;
    float:left;
    color:#fff;
    background-image: -moz-linear-gradient(#fd8031,#ffd508);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fd8031), to(#ffd508));
    background-image: -webkit-linear-gradient(#fd8031, #ffd508);
    background-image: -o-linear-gradient(#fd8031, #ffd508);
    text-align:center;
    margin-top:1.5%;
    padding:0.5% 1.5% 0.5% 1.5%;
    border-radius:5px;}

.details .code  .chick {
    line-height:30px;
    float:left;
    color:#fff;
    background:#ccc;
    text-align:center;
    margin-top:1.5%;
    padding:0.5% 1.5% 0.5% 1.5%;
    border-radius:5px;   }
.details .code  .chick:hover {
    line-height:30px;
    float:left;
    color:#fff;
    background:#ccc;
    text-align:center;
    margin-top:1.5%;
    padding:0.5% 1.5% 0.5% 1.5%;
    border-radius:5px;   }


/*个人中心*/
.details .perbg{ background:url(../images/download.png)repeat-x top; background-size: auto 10px; }

.details .personal{ background-color:#fff; overflow:hidden; }

@media only screen and (max-height: 480px){
.details .scroll-list{ overflow-y: scroll; max-height: 240px;}

}

.details .personal  .trip{ overflow:hidden; margin-left:3%; margin-right:3%; padding-top:3%; padding-bottom:3%;}

.details .personal a{ overflow:hidden; display:block;}
.details .personal a:active{ background-color:#eee; overflow:hidden; display:block;}


.details .personal .go_img{ float:left; width:20%; max-width:50px;  max-height: 50px; border-radius: 50px; overflow: hidden; margin-top:1%;}
.details .personal .go_img img{ width:100%;}

.details .personal .go_name{ float:left; width:30%; margin-left:2%;}
.details .personal .go_name .name{ display:block; color:#5a5255; font-size:1.6rem; padding:2%;}
.details .personal .go_name .names{ display:block; color:#60585b; font-size:1.4rem; line-height:30px;}



.details .personal .go_name1{ float:left; width:55%; margin-left:2%;}
.details .personal .go_name1 .name{ display:block; color:#5a5255; font-size:1.6rem; padding:2%;}
.details .personal .go_name1 .names{ display:block; color:#60585b; font-size:1.4rem; line-height:30px;}

.details .personal .go_name2{ float:left; width:65%; margin-left:2%;}
.details .personal .go_name2 .name{ display:block; color:#5a5255; font-size:1.6rem; padding:2%;}


.details .personal .go_sex{ float:right; width:40%; text-align:right; color:#ccc; font-size:1.2rem; line-height:30px;}

.details .personal .go_sex1{ float:right; width:45%; text-align:right; color:#ccc; font-size:1.2rem; line-height:30px;}
.details .personal .go_sex2{ float:right; width:15%; text-align:right; color:#ccc; font-size:1.2rem; line-height:30px;}


.details .personal .go_dig{ float:right; min-width:18px; max-width:50px; height:20px; margin-top:1%; border-radius:17px; background-color:#f18d1d; display:block; text-align:center; color:#FFF; line-height:20px; overflow:hidden; padding-left:0.5%; padding-right:0.5%; }

.details .personal .go_dig1{ float:right; width:8px; height:8px; margin-top:12px; border-radius:17px; background-color:#f18d1d; display:block; text-align:center; color:#FFF; line-height:20px; overflow:hidden; }


.details .personal .trip_name{ display:block; padding-top:1%; padding-bottom:1%; font-size:1.2rem; color:#999; overflow:hidden; }

.details .personal .trip_name .space{ white-space:nowrap;}


.details .personal .sex{ float:left; width:40px; margin-top:3%; margin-right:3%; display:block; color:#000; padding-left:1%; border:1px solid #ddd; text-align:center; border-radius:15px; display:block; overflow:hidden;}
.details .personal .sex img{ float:left; width:30%; max-width:23px; min-width:8px; display:block;}


.details .personal .sex_girl{ float:left; max-width:80px; min-width:40px; margin-top:0.5%; margin-right:2%; display:block; color:#fff; background-color:#f8b3c4; padding-left:1%; text-align:center; border-radius:15px; display:block; overflow:hidden;}
.details .personal .sex_girl img{ float:left; width:32%; max-width:20px; min-width:15px; display:block;}

.details .personal .sex_girl_tex{ font-size:1.0rem;}



.details .personal .sex_boy{ float:left; max-width:80px; min-width:40px; margin-top:0.5%; margin-right:2%; display:block; color:#fff; background-color:#78bfe2; padding-left:1%; text-align:center; border-radius:15px; display:block; overflow:hidden;}
.details .personal .sex_boy img{ float:left; width:32%; max-width:20px; min-width:15px; display:block;}

.details .personal .sex_boy_tex{ font-size:1.0rem;}





.details .personal .go_name .sex{ float:left; width:15%; max-width:50px; min-width:50px; margin-top:3%; margin-right:3%; display:block; color:#000; padding-left:3%; padding-top:0.5%; border:1px solid #ddd; text-align:center; border-radius:15px; display:block; overflow:hidden;}
.details .personal .go_name .sex img{ float:left; width:35%; max-width:23px; min-width:8px; display:block;}
.details .personal .go_name .sex strong{ float:right;}


.details .personal .go{  float:right; width:10%; max-width:40px; min-width:40px; margin-top:0; padding-top:1.5%; text-align:center; }

.details .personal .go1{  float:right; width:3%;  margin-top:0; padding-top:1.5%; text-align:center; }


.details .personal .go img{ width:40%; max-width:20px;}

.details .personal .go_qd{ float:left; width:5%; width:20px; height:30px; margin-left:1%;}
.details .personal .go_qd img{ max-width:20px; min-width:10px; width:90%; margin-top:5px;}


.details .personal .go_text{  float:right; width:20%; max-width:100px; min-width:40px; margin-top:5%; height:25px; line-height:25px; text-align:center; font-size:1.4rem; color:#999; }

.details .personal .go_texts{  float:right; width:20%; max-width:100px; min-width:40px; margin-top:5%; height:25px; line-height:25px; text-align:center; font-size:1.4rem; color:#f18d1d; }



.agree{ line-height:50px; height:50px; width:100%; max-width:640px; min-width:320px; display:block; text-align:center; font-size:1.0rem; color:#aaa; position:absolute; bottom:3%;}

.agrees{ line-height:50px; height:50px; width:100%; max-width:640px; min-width:320px; display:block; text-align:center; font-size:1.0rem; color:#aaa;}


.add_actives3{ height:35px; margin-left:5%; margin-right:5%; width:90%; display:block; text-align:center; font-size:1.6rem; border-radius:5px; color:#fff; overflow:hidden; }


.add_actives1{ height:35px; margin-left:5%; margin-right:5%; width:90%; display:block; text-align:center; font-size:1.6rem; border-radius:5px; color:#fff; overflow:hidden; background:url(../images/bg4.png) top no-repeat; background-size:100% 100%; position:absolute; bottom:16%;}

.add_actives{ line-height:35px; height:35px; margin-top:5%; margin-left:5%; margin-right:5%; width:90%; display:block; text-align:center; font-size:1.6rem; color:#f18d1d; border:1px solid #f18d1d; border-radius:5px; position:absolute; bottom:7%;}

a.add_actives{ background-color:#FFF;}
a.add_actives:active{ display:block; overflow:hidden; background-color:#eee;}

.add_actives2{ line-height:25px; height:25px; margin-top:3%; margin-left:5%; margin-right:5%; width:90%; display:block; text-align:right; font-size:1.0rem; color:#aaa; border-radius:5px; position:absolute; bottom:1%;}




.add_actives4{ line-height:35px; height:35px; margin-top:5%; margin-left:5%; margin-right:5%; width:90%; display:block; text-align:center; font-size:1.6rem; color:#f18d1d; border:1px solid #f18d1d; border-radius:5px; position:absolute; bottom:16%; }

a.add_actives4{ background-color:#FFF;}
a.add_actives4:active{ display:block; overflow:hidden; background-color:#f5f5f5;}



.add_activity{ line-height:35px; height:35px; margin-top:5%; margin-left:5%; margin-right:5%; width:40%; display:block; text-align:center; font-size:1.6rem; color:#f18d1d; border:1px solid #f18d1d; border-radius:5px; position:absolute; bottom:7%; left: 0;}
.add_article{ line-height:35px; height:35px; margin-top:5%; margin-left:5%; margin-right:5%; width:40%; display:block; text-align:center; font-size:1.6rem; color:#f18d1d; border:1px solid #f18d1d; border-radius:5px; position:absolute; bottom:7%; right: 0;}

a.add_activity,a.add_article{ background-color:#FFF;}
a.add_activity:active,a.add_article:active{ display:block; overflow:hidden; background-color:#eee;}

.details .personal  .trip .add{ line-height:35px; height:35px; margin-left:3%; margin-right:3%; width:94%; display:block; text-align:center; font-size:1.6rem; color:#aaa; border:1px solid #ececec; border-radius:5px;}

.details .personal  .trip a.qq{ line-height:20px; width:50%; float:left; color:#999; font-size:1.2rem; text-align:center;}
.details .personal  .trip a.qq img{ width:16px; vertical-align:bottom;}
.details .personal  .trip a.qq:active{ background-color:#fff;}

.details .personal  .trip a.wx{ line-height:20px; width:50%; float:left; color:#999; font-size:1.2rem; text-align:center;}
.details .personal  .trip a.wx img{ height:16px; vertical-align:bottom;}
.details .personal  .trip a.wx:active{ background-color:#fff;}

.xt_ec_d{ background-color:#ececec; width:1px;  height:25px; position:absolute; left:48.3%; margin-top:6%; -webkit-transform: scaleX(0.5); -webkit-transform-origin:0 0; overflow: hidden; }


@media only screen and (min-width: 320px){

    .add_actives3{ color:#fff; height:35px; margin-left:5%; margin-right:5%; width:90%; display:block; text-align:center; font-size:1.6rem; border-radius:5px; overflow:hidden;}
    .add_actives1{ color:#fff; height:35px; margin-left:5%; margin-right:5%; width:90%; display:block; text-align:center; font-size:1.6rem; bottom:16%;}
    .add_actives{ line-height:35px; height:35px; margin-top:5%; margin-left:5%; margin-right:5%; width:90%; font-size:1.6rem; bottom:7%;}
    .add_actives2{ line-height:25px; height:25px; margin-top:3%; margin-left:5%; margin-right:5%; width:90%; font-size:1.0rem;  bottom:1%;}
    .add_activity{ line-height:35px; height:35px; margin-top:5%; margin-left:5%; margin-right:5%; width:40%; font-size:1.6rem; bottom:7%; left: 0;}
	.add_article{ line-height:35px; height:35px; margin-top:5%; margin-left:5%; margin-right:5%; width:40%;  font-size:1.6rem; bottom:7%; right: 0;}

    .details .personal  .trip .add{ line-height:35px; height:35px;}

    .xt_ec_d{ background-color:#ececec; width:1px;  height:25px; position:absolute; left:48.3%; margin-top:6%; -webkit-transform: scaleX(0.5); -webkit-transform-origin:0 0; overflow: hidden; }


}

@media only screen and (min-width: 375px){

    .add_actives3{ color:#fff; height:39px; margin-top:15%; margin-left:5%; margin-right:5%; width:90%; display:block; text-align:center; font-size:1.6rem; border-radius:5px; overflow:hidden;}

	.add_actives4{ line-height:39px; height:39px;  bottom:16%;}
    .add_actives1{ color:#fff; height:39px; margin-left:5%; margin-right:5%; width:90%; display:block; text-align:center; font-size:1.6rem; border-radius:5px; overflow:hidden; background:url(../images/bg4.png) top no-repeat; background-size:100% 100%; position:absolute; bottom:16%;}
    .add_actives{ line-height:39px; height:39px; margin-left:5%; margin-right:5%; margin-top:8%; width:90%; font-size:1.6rem; bottom:6%;}
    .add_actives2{ line-height:25px; height:25px; margin-top:3%; margin-left:5%; margin-right:5%; width:90%; display:block; text-align:right; font-size:1.0rem; color:#aaa; border-radius:5px; position:absolute; bottom:1%;}
    .add_activity{ line-height:39px; height:39px; margin-top:8%; margin-left:5%; margin-right:5%; width:40%; font-size:1.6rem; bottom:6%; left: 0;}
	.add_article{ line-height:39px; height:39px; margin-top:8%; margin-left:5%; margin-right:5%; width:40%;  font-size:1.6rem; bottom:6%; right: 0;}


    .details .personal  .trip .add{ line-height:39px; height:39px;}

    .xt_ec_d{ background-color:#ececec; width:1px;  height:30px; position:absolute; left:48.3%; margin-top:6%; -webkit-transform: scaleX(0.5); -webkit-transform-origin:0 0; overflow: hidden; }


}
@media only screen and (min-width: 414px){

    .add_actives3{ height:44px; margin-top:23%; margin-left:5%; margin-right:5%; width:90%; display:block; text-align:center; font-size:1.6rem; color:#fff; border-radius:5px; overflow:hidden;}
	.add_actives4{ line-height:44px; height:44px; bottom:16%;}
    .add_actives1{ height:44px; margin-left:5%; margin-right:5%; width:90%; display:block; text-align:center; font-size:1.6rem; color:#fff; border-radius:5px; overflow:hidden; background:url(../images/bg4.png) top no-repeat; background-size:100% 100%; position:absolute; bottom:16%;}
    .add_actives{ line-height:44px; height:44px; margin-top:8%; margin-left:5%; margin-right:5%; width:90%; font-size:1.6rem; bottom:6%;}
    .add_actives2{ line-height:25px; height:25px; margin-top:3%; margin-left:5%; margin-right:5%; width:90%; font-size:1.0rem; bottom:1%;}
    .add_activity{ line-height:44px; height:44px; margin-top:8%; margin-left:5%; margin-right:5%; width:40%; font-size:1.6rem; bottom:6%; left: 0;}
	.add_article{ line-height:44px; height:44px; margin-top:8%; margin-left:5%; margin-right:5%; width:40%;  font-size:1.6rem; bottom:6%; right: 0;}

    .details .personal  .trip .add{ line-height:44px; height:44px;}

    .xt_ec_d{ background-color:#ececec; width:1px;  height:32px; position:absolute; left:48.3%; margin-top:6%; -webkit-transform: scaleX(0.5); -webkit-transform-origin:0 0; overflow: hidden; }


}

@media only screen and (min-width: 620px){


    .add_actives3{ color:#fff; height:54px; margin-left:5%; margin-right:5%; width:90%; display:block; text-align:center; font-size:1.6rem; border-radius:5px; overflow:hidden;}

	.add_actives4{ line-height:54px; height:54px; bottom:14%;}
    .add_actives1{ color:#fff; height:54px; margin-left:5%; margin-right:5%; width:90%; display:block; text-align:center; font-size:1.6rem; border-radius:5px; overflow:hidden; background:url(../images/bg4.png) top no-repeat; background-size:100% 100%; position:absolute; bottom:14%;}

    .add_actives{ line-height:54px; height:54px; margin-top:8%; margin-left:5%; margin-right:5%; width:90%; font-size:1.6rem;}
    .add_activity{ line-height:54px; height:54px; margin-top:8%; margin-left:5%; margin-right:5%; width:40%; font-size:1.6rem;}
	.add_article{ line-height:54px; height:54px; margin-top:8%; margin-left:5%; margin-right:5%; width:40%;  font-size:1.6rem;}



    .add_actives2{ line-height:25px; height:25px; margin-top:3%; margin-left:5%; margin-right:5%;  width:90%; display:block; text-align:right; font-size:1.0rem; color:#aaa; border-radius:5px; position:absolute; bottom:1%;}

}




.add_active img{ width:100%; height:100%;}
.add_actives1 img{ width:100%; height:100%;}




/*个人信息*/
.details .editor .go_user_img{ float:right; width:20%; max-width:50px;  max-height: 50px; border-radius: 45px; overflow: hidden; text-align:center; margin-top:1%;}
.details .editor .go_user_img img{ width:100%;}



/*选择类型*/

.create{ width:100%; max-width:640px; min-width:320px; background-color:#fff;font-size:1.6rem;}

.create .trip .hw{ float:left; width:50%; padding-top:5%; padding-bottom:5%; text-align:center;}
.create .trip .hw a{ color:#463f42;}
.create .trip .yc{ float:right; width:50%; padding-top:5%; padding-bottom:5%; text-align:center;}
.create .trip .yc a{ color:#463f42;}
.create .trip img{ width:47%; max-width:88px;}




.details .add_per{ margin-top:3%; margin-bottom:3%; overflow:hidden;}

.details .add_per  .trip{ overflow:hidden; margin-left:2%; margin-right:2%;  padding-top:3%; padding-bottom:3%; }
.details .add_per  .trip .names{float:left; margin:2%; width:45%;   border:0px;  border-radius:7px; background:none;}
.details .add_per  .trip .nbut{ float:right; text-align:center; width:13%; color:#f18d1d; margin-top:1%; padding-top:1%; padding-bottom:1%; display:block; padding-left:2%; padding-right:2%; border-left:1px solid #ececec;}
.details .add_per  .trip .nbuts{ float:right; text-align:center; width:13%; color:#787878; margin-top:1%; padding-top:1%; background:#ccc; border-radius:5px; padding-bottom:1%; display:block; padding-left:2%; padding-right:2%; border-left:1px solid #ececec;}

.details .add_per .go_name{ float:left; width:60%;  color:#666;}
.details .add_per .go_name .name{ display:block; padding:1%; height:20px; line-height:20px;  color:#333;}

.details .add_per .tick{ float:left; width:10%; height:25px; overflow:hidden; text-align:center; }

.details .add_per .tick img{ width:100%; height:100%;}


/*个性定制*/
.details .edi_text{ padding:4%; color:#fff; background-color:#fd8031; overflow:hidden; line-height:20px;}
.details .dz_cet{background-color:#FFF; overflow:hidden; padding-left:4%; padding-right:4%; padding-top:2%; padding-bottom:2%; color:#333;}

.details .dz_cet input{ padding-top:0; padding-bottom:0;}

.details .dz_cet .trip{ position:relative;}
.details .dz_cet .rets{float:left;	overflow:hidden; margin-right:2%; height:25px;}
.details .dz_cet .trip .text{ display:table-row; margin-right:2%; color:#333; font-size:1.4rem ; line-height:25px; }

.details .dz_cet .ret1{width:80%; float:left; overflow:hidden; text-align:left; height:25px;}
.details .dz_cet .jf{ width:100%; text-align:left; border:0px; line-height:25px; height:25px; color:#666;}

.details .dz_cet .ret{width:100%; float:left; overflow:hidden; text-align:left;}
.details .dz_cet .ret .ly{ width:98%; min-height:75px; outline:none; border:none; resize:none; color:#666; font-size:1.4rem;}

/*确定购买*/

.details .edi_pay{ margin-bottom:3%; background-color:#fff; overflow:hidden;}
.details .edi_pay .trip{ overflow:hidden; margin-left:4%; margin-right:4%;  padding-top:4%; padding-bottom:4%; position:relative; }
.details .edi_pay .trip .img{ width:70px; height:55px; float:left; margin-right:3%; overflow:hidden;}
.details .edi_pay .trip .img img{ width:100%;}


.details .edi_pay .trip .txt{ overflow:hidden; position:relative; min-height:55px;}
.details .edi_pay .trip .txt .s1{ font-size:1.3rem; color:#333; line-height:20px;}
.details .edi_pay .trip .txt .s2{ font-size:1.0rem; color:#999; line-height:18px; width:88%;}
.details .edi_pay .trip .txt .s3{ font-size:1.0rem; color:#f18d1d; line-height:18px; position:absolute; bottom:0; right:0;}


.details .edi_pay  .trip a.add_time{ width:48%; background-color:#fff; border:1px solid #f18d1d; color:#f18d1d; text-align:center; padding-top:3%; padding-bottom:3%; float:left; margin-right:2.5%; margin-bottom:3%; border-radius:5px;}
.details .edi_pay  .trip a.add_time:active{ background-color:#f0f0f0;}

.details .edi_pay  .trip a.xz{ width:48%; background-color:#f18d1d; border:1px solid #f18d1d; color:#fff; text-align:center; padding-top:3%; padding-bottom:3%; float:left; margin-right:2.5%; border-radius:5px;}
.details .edi_pay  .trip a.xz:active{ background-color:#f18d1d;}

.details .edi_pay  .trip a.on{ width:48%; background-color:#f0f0f0; border:1px solid #f0f0f0; color:#ccc; text-align:center; padding-top:3%; padding-bottom:3%; float:left; margin-right:2.5%; border-radius:5px;}



.details .edi_pay  .trip .add_time .y1{ font-size:1.2rem;}




.details .edi_pay a{ display:block;}
.details .edi_pay a:active{ background-color:#f5f5f5;}



.details .edi_pay .infor .u_tit{ font-size:1.6rem; color:#333; line-height:25px; width:80%;}
.details .edi_pay .infor .u_tit1{ font-size:1.2rem; color:#999; line-height:20px; width:80%;}


.details .edi_pay .infor .u_ret{ position:absolute; width:18px; height:18px; right:3%; top:35%; background:url(../images/go.png) right no-repeat; background-size:auto 100%;}


/*编辑活动*/






.details .editor{ margin-top:3%; margin-bottom:3%; background-color:#fff; overflow:hidden;}


.details .editor a{ display:block; width:100%; background-color:#fff;}
.details .editor a:active{  background-color:#ececec;}

.details .editor  .trip{ overflow:hidden; margin-left:4%; margin-right:4%;  padding-top:3%; padding-bottom:3%; position:relative; }



.details .editor  .trip .qk{ float:right; width:10%;}
.details .editor  .trip .qk img{width:100%; max-width:26px;}




.details .editor_s6{ font-size:1.1rem; color:#666; height:20px; line-height:20px; padding:1.5% 3% 1.5% 3%; display:block;}

.details .editor_s9{ font-size:1.2rem; color:#999; padding:3% 3% 0 3%; margin-top:3%; display:block;}



.details .off{ width:80%; margin:20% auto; text-align:center; font-size:1.4rem; color:#e4deda; line-height:30px; font-weight:bold;}
.details .off img{ width:30%;}
.details .off .time{ color:#999;}


.details .editor  .trip .names{float:left; margin-left:2%; width:45%; height:25px; line-height:25px; margin-top:3%; margin-bottom:3%;   border:0px;  border-radius:7px; background:none;}
.details .editor  .trip .nbut{ float:right; text-align:center; width:20%; color:#f18d1d; margin-top:2%; height:25px; line-height:25px; display:block; padding-top:1%; padding-bottom:1%; border-left:1px solid #ececec;}
.details .editor  .trip .nbuts{ float:right; text-align:center; width:20%; color:#999; margin-top:2%; height:25px; line-height:25px; display:block; padding-top:1%; padding-bottom:1%; border-left:1px solid #ececec;}




.details .editor .trip .SMS{ width:80%; float:left;}
.details .editor .trip .qx{ display:block; width:20%; max-width:90px; padding-top:1%; padding-bottom:1%; height:25px; line-height:25px; text-align:center; overflow:hidden; position:absolute; right:0px; top:35%; font-size:1.1rem; color:#999; border:1px solid #d5d5d5; border-radius:5px;}


.details .editor  .trip .user{ text-align:center; line-height:40px;  margin:3% auto; margin-bottom:0px; font-size:1.2rem; color:#666; overflow:hidden;}

.details .editor  .trip .user .user_img{ width:60px; height:60px; border-radius:50px; margin:auto; overflow:hidden;}

.details .editor  .trip .user .user_img img{ width:100%; }


.details .editor  .trip .user .user_txt{ min-height:20px; line-height:20px; margin-top:10px; color:#666; font-size:1.4rem;}
.details .editor  .trip .user .user_txt .img{ width:20px; height:20px;}
.details .editor  .trip .user .user_txt .img img{ width:18px; vertical-align:bottom;}
.details .editor  .trip .user .user_txts{ height:18px; line-height:18px; color:#999; font-size:1.2rem;}


.details .editor  .trip .cet{ padding-top:3%; padding-bottom:3%; float:left; width:25%; text-align:center; color:#999; font-size:1.4rem;}
.details .editor  .trip .cet .s1{ line-height:16px;}
.details .editor  .trip .cet .s2{ line-height:32px;}

.details .editor  .trip .left{ padding-top:3%; padding-bottom:3%; float:left; width:25%; text-align:center; color:#999; font-size:1.0rem;}
.details .editor  .trip .left .s1{ line-height:16px;}
.details .editor  .trip .right{ padding-top:3%; padding-bottom:3%; float:left; width:25%; text-align:center; color:#999; font-size:1.0rem;}
.details .editor  .trip .right .s1{ line-height:16px;}

.details .editor  .trip .selected{ background: #f8f8f8;}



.details .editor  .trip .child .s_girl{ float:left; min-width:40px; height:18px; line-height:18px; margin-top:1px; margin-right:2%; padding-left:15px; color:#fff; background: url(../images/girl2.0.png) left no-repeat #f8b3c4; background-size:auto 80%; background-position-x: 10%; text-align:center; border-radius:15px; display:block; overflow:hidden;}
.details .editor  .trip .user .s_girl img{ float:left; width:30%; max-width:17px; min-width:14px; margin-left:3%; display:block;}

.details .editor  .trip .child .s_girl_tex{ font-size:1.0rem;}


.details .editor  .trip .child .s_boy{ float:left; min-width:40px; height:18px; line-height:18px; margin-top:1px; margin-right:2%; padding-left:15px; color:#fff; background: url(../images/girl2.0.png) left no-repeat #78bfe2; background-size:auto 80%; background-position-x: 10%; text-align:center; border-radius:15px; display:block; overflow:hidden;}

.details .editor .trip .user .s_boy img{ float:left; width:30%; max-width:17px; min-width:14px; margin-left:3%; display:block;}

.details .editor .trip .child .s_boy_tex{ font-size:1.0rem;}




.details .editor  .trip .lit{ float:left; width:13%; font-size:1.4rem; height:20px; line-height:20px; color:#999;}
.details .editor  .trip .child{ float:left; width:87%; font-size:1.4rem; min-height:20px; line-height:20px; color:#999;}
.details .editor  .trip .child .txt{ color:#666; line-height:20px;}


.details .editor .go_img{ float:left; width:15%;}
.details .editor .go_img img{ max-width:88px; width:100%;}

.details .editor .go_name{ float:left; width:35%; color:#666;}
.details .editor .go_name .name{ display:block; height:25px; line-height:25px;  color:#333;}
.details .editor .go_name .name .t1{ font-size:1.2rem; color:#999;}

.details .editor .go_name .sex{ width:60%; max-width:120px; display:block; color:#000; padding:1%; border:1px solid #ddd; text-align:center; border-radius:15px; background-image:url(../images/girl.png); background-repeat:no-repeat;}


.details .editor .add_name{ float:left; width:18%; margin-left:4%; color:#ccc; padding-top:2.5%; padding-bottom:2.5%; border-right:1px solid #dedfe0;}
.details .editor .add_name .usname{float:left; width:100%; height:25px; line-height:25px; margin-left:2%;   border:0px;  border-radius:7px; background:none; color:#666; text-align:left; font-size:1.2rem;}

.details .editor .add_text{ float:left; width:75%; color:#ccc; padding-top:2.5%; padding-bottom:2.5%;}
.details .editor .add_text .usname{float:left; width:100%; height:25px; line-height:25px; margin-left:2%;   border:0px;  border-radius:7px; background:none; color:#666; text-align:left; font-size:1.2rem;}

/*.details .editor .bg_trip{ margin:2% 2% 2% 2%; border:1px solid #F00; overflow:hidden; position:relative; z-index:1;}
.details .editor .bg_trip .lis{ height:24px; width:24px; border:1px solid #F00; border-radius:100%; z-index:
2; background-color:#f8f8f8; position:absolute; left:-12px; top:20%;}

*/
.details .editor .mon_name{ float:left; color:#ccc; margin-left:4%; padding-top:3.3%; padding-bottom:3.3%;}
.details .editor .mon_text{ float:left; width:84%; color:#ccc; font-size:1.2rem;}



.details .editor a.add_money{ float:left; width:30%; margin-left:2.5%; color:#ccc; margin-top:2.5%; margin-bottom:2.5%; padding-top:1.5%; padding-bottom:1.5%; background:url(../images/111.png) center no-repeat; background-size:100% 100%; text-align:center; line-height:20px; font-size:1.0rem;}


.details .editor a.b1{ color:#f18d1d; background:url(../images/222.png) center no-repeat; background-size:100% 100%;}
.details .editor a.add_money:active{ }

.details .editor .go_names{ float:left; display:block; overflow:hidden; height:25px; line-height:25px; color:#666;}
.details .editor .go_names .name{ display:block; height:25px; line-height:25px;  color:#333;}



.details .editor .trip .ltxt{ height:25px; line-height:25px; float:left; color:#999; font-size:1.2rem;}
.details .editor .trip .rtxt{ height:25px; line-height:25px; float:right; color:#666;}



.details .editor .go{ float:right; width:10%; margin-top:0; padding-top:1.5%; text-align: right; }
.details .editor .go img{ width:40%; max-width:15px; min-width:15px;}
.details .editor .gos{ float:right; width:10%; display:block; min-height:10px;  overflow:hidden; text-align:center;}


.details .editor .go_dig{ float:right; min-width:18px; max-width:50px; height:20px; margin-top:1%; border-radius:17px; background-color:#f18d1d; display:block; text-align:center; color:#FFF; line-height:20px; overflow:hidden; padding-left:0.5%; padding-right:0.5%;}
.details .editor .go_qd img{ max-width:88px; width:80%;}

.details .clear{ display:block; text-align:center; padding:5%; color:#CCC;}


.cancel{ display:block; text-align:center; margin:1.5%; color:#666;}

/*填写信息*/

.details .editor .edi_name{ float:right; width:70%;  height:25px; line-height:25px; border:none; text-align:right; background:none;}




.details .editor .edi_name .select {
    display: block;
    width: 100%;
    height: .6rem;
    margin: -.15rem 0;
    border:0px;
    position: relative;
}

.details .editor .edi_name select { background-color:#FFF; -webkit-appearance: none;

}

.select select {
    text-indent: .1rem;
    -webkit-appearance: none;
    border: 0;
    background: transparent;
    width: 100%;
    height: 100%;
    display: block;
}
.details .editor .edi_name label {
    cursor: default;
}

.details .editor .edi_name .select::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    right: .2rem;
    width: .5em;
    height: .5em;
    border-bottom: .03rem solid #999;
    border-left: .03rem solid #999;
    -webkit-transform: translateY(-70%) rotateZ(-45deg);
    -moz-transform: translateY(-70%) rotateZ(-45deg);
    -ms-transform: translateY(-70%) rotateZ(-45deg);
}



.details .editor .bod{ position:absolute; top:0; left:0; height:100%; width:100%; background-color:#fdcfcb; animation-iteration-count:1; animation-fill-mode: forwards;
    -moz-animation:bodmove 1s infinite; -moz-animation-iteration-count:1; -moz-animation-fill-mode: forwards;/* Firefox */
    -webkit-animation:bodmove 1s infinite;  -webkit-animation-iteration-count:1; -webkit-animation-fill-mode: forwards;/* Safari and Chrome */
    -o-animation:bodmove 1s infinite;  -o-animation-iteration-count:1; -o-animation-fill-mode: forwards;/* Opera */}

.details .editor .edi_name1{ float:right; height:25px; line-height:25px; border:none; text-align:right; background:none;}
.details .editor .edi_name1 option{ outline:none;}

@keyframes bodmove
{
    0% {top:0; opacity: 0; }
    50% {top:0;opacity: 1; }
    100% {top:0;opacity: 0;}
}
@-moz-keyframes bodmove /* Firefox */
{
    0% {top:0; opacity: 0; }
    50% {top:0;opacity: 1; }
    100% {top:0;opacity: 0;}
}

@-webkit-keyframes bodmove /* Safari and Chrome */
{
    0% {top:0; opacity: 0; }
    50% {top:0;opacity: 1; }
    100% {top:0;opacity: 0;}
}

@-o-keyframes bodmove /* Opera */
{
    0% {top:0; opacity: 0; }
    50% {top:0;opacity: 1; }
    100% {top:0;opacity: 0;}

}




.details .editor .edi_name1 .select {
    display: block;
    width: 100%;
    height: .6rem;
    margin: -.15rem 0;
    border:0px;
    position: relative;
}

.details .editor .edi_name1 select { background-color:#FFF; -webkit-appearance: none;

}





.details .editor  .trip .jian{margin-right:1%; float:right; width:3%; min-width:20px; text-align:center; border:1px solid #ddd; margin-top:2%; border-radius:3px; color:#999;}

.details .editor  .trip input{overflow:hidden;}




.details .editor  .trip .usname{float:left; width:100%; height:25px; line-height:25px;  border:0px;  border-radius:7px; background:none; text-align:left;}

.details .editor .intro{width:96%; min-height:12rem; overflow:hidden; color:#aaa; border:0px; padding:2%;  font-size:1.8rem;}

.details .editor .artic{width:96%; min-height:12rem; overflow:hidden; color:#aaa; border:0px; outline: none; font-size:1.6rem;}
.details .editor .paper{width:96%; min-height:2rem; overflow:hidden; color:#aaa; border:0px; outline: none; font-size:1.6rem;}



.details .editor  .trip .text7{margin-right:1%; float:right; width:5%; min-width:30px; text-align:center; border:1px solid #ddd;  margin-top:2%; border-radius:3px; color:#999; position:relative; overflow:hidden; padding:0;}

.details .editor  .trip .text7 .txt{ border:none; width:80%; overflow:hidden; text-align:center;}


.details .editor  .trip .jia{margin-right:1%; float:right; width:3%; min-width:20px; text-align:center; border:1px solid #ddd;  margin-top:2%; border-radius:3px;  color:#999;}
.details .editor  .trip .chick{margin-right:1%; float:right; width:3%; min-width:20px; text-align:center; border:1px solid #fd8031;  margin-top:2%; border-radius:3px; color:#fd8031;}
.details .editor .go_sex{ float:right; width:30%; text-align:right; height:25px; line-height:25px; color:#333;}

/*订单详情*/

.message {padding:3.5%; overflow:hidden; position:relative; display:block; background-color:#fff; margin-top:5%;}
.message .top{ font-size:1.4rem; color:#333; line-height:25px; margin-bottom:3.5%; overflow:hidden;}


.message .txt{ font-size:1.2rem; color:#333; line-height:25px; margin-top:3.5%;}


.message .trip .qr_code{ width:100%; margin:auto; overflow:hidden; text-align:center; font-size:1.2rem; color:#999;}
.message .trip .qr_code img{ width:45%; max-width:220px;}

.message .trip .qr_code .f8{ color:#f18d1d;}


.message .txt .s1{ overflow:hidden;}
.message .txt .s1 .t1{ float:left;}
.message .txt .s1 .t2{ float: right; font-size:1.2rem; color:#999; text-align:right;}
.message .txt .s1 .t2 .m1{ font-size:1.4rem; color:#f18d1d;}
.message .txt .s1 .t2 .m2{ font-size:1.0rem; color:#999; line-height:18px;}


.message .txt .s1 .tx2{ float: left; font-size:1.2rem; line-height:18px; color:#999; text-align:right;}
.message .txt .s1 .tx2 .m1{ font-size:1.4rem; color:#f18d1d;}
.message .txt .s1 .tx2 .m2{ font-size:1.0rem; color:#999; line-height:18px;}


.message .txt .s1 .z1{ color:#f18d1d;}
.message .txt .s1 .z2{ color:#999;}



.message .txt .s1 a.zf{ float: right; display:inline; color:#fff; background-color:#f18d1d; border-radius:5px; padding:1% 2% 1% 2%; margin-top:3%; line-height:20px;}
.message .txt .s1 a.zf:active{ background-color:#F60;}


.message .txt .s1 a.zfs{ float: right; display:inline; color:#fff; background-color:#999; border-radius:5px; padding:1% 2% 1% 2%; margin-top:3%; line-height:20px;}




.message .txt .s1 .a1{ float:left;}
.message .txt .s1 .a2{ float:left; width:70%;}

.message .txt .s1 .a2 .name{ overflow:hidden;}

.message .txt .s1 .a2 .t1{ float:left; overflow:hidden; line-height:25px;}
.message .txt .s1 .a2 .t2{ float:left; overflow:hidden; line-height:25px; margin-left:4%;}





.message .txt .s1 .a2 .sex_girl{ float:left; line-height:18px; margin-top:1.5%; margin-left:2%; display:block; color:#fff; background-color:#f8b3c4; padding-left:1%; text-align:center; border-radius:15px; display:block; overflow:hidden;}
.message .txt .s1 .sex_girl img{ float:left; width:30%; height:16px; display:block;}

.message .txt .s1 .sex_girl_tex{ font-size:1.0rem;}

.message .txt .s1 .a2 .sex_boy{ float:left; line-height:18px; margin-top:1.5%; margin-left:2%; display:block; color:#fff; background-color:#78bfe2; padding-left:1%; text-align:center; border-radius:15px; display:block; overflow:hidden;}
.message .txt .s1 .sex_boy img{ float:left; width:30%; height:16px; display:block;}

.message .txt .s1 .sex_boy_tex{ font-size:1.0rem;}



.title .st .q_x1{ height:25px; font-size:1.4rem; line-height:25px; padding-top:1%; padding-bottom:1%;}

.title .st .q_x1 .xt{ float:left; height:15px; border-radius:1px; width:4px;  background-color:#f18d1d;}

.title .st .q_x1 .mass{ float:left; color:#5a5255; height:18px; line-height:16px;  padding-left:8px;}
.title .st .q_x1 .more{ float:right; color:#717171; height:18px; line-height:16px; font-size:1.2rem;}







/*审核*/

.audit {background-color:#FFF; overflow:hidden; font-family:"微软雅黑"; margin-bottom:3%;}
.audit .item {width:100%; overflow:hidden; }
.audit a.img {width:18%; float:left; max-width:120px;}
.audit a.img img { width:100%; max-width:120px;}
.audit a.wd { display:block; width:80%; float:right; height:140px; line-height:25px;color:#808080;overflow:hidden;}
.audit a.wd strong {display:block; line-height:30px; overflow:hidden; color:#333;}

.audit .type{ width:100%;  float:left; text-align:center;}
.audit .sort{ width:100%; float:right; text-align:center;}

.audit .type img{ width:12%; vertical-align:bottom; margin-right:3%; max-width:20px;}
.audit .sort img{ width:12%; vertical-align:bottom; margin-right:3%; max-width:20px;}




.audit .type .on img{ max-width:20px; width:7%; margin-left:2%; background-image:url(../images/ico1.png); background-repeat:no-repeat;}
.audit .sort .on img{ max-width:20px; width:7%; margin-left:2%;background-image:url(../images/ico1.png); background-repeat:no-repeat;}


.audit .audit_inf{ float:left; padding:3%; text-align:center; overflow:hidden; width:44%; color:#f18d1d; border-bottom:2px solid #f18d1d; }
.audit .audit_infs{ float:left; padding:3%; text-align:center; overflow:hidden; width:44%;  color:#999;}


.audit .audit_Sign{ float:left; padding:3% 3% 3% 3%; text-align:center; overflow:hidden; width:44%; color:#333; }

.audit .audit_Signs{ float:left; padding:3% 3% 3% 3%; text-align:center; overflow:hidden; width:44%; color:#f18d1d; border-bottom:1.5px solid #f18d1d; }

.audit .audit_Sign1{ padding:3% 3% 3% 3%; text-align:center; overflow:hidden; color:#333; font-size:1.2rem; }

.audit .qd{ width:40%; float:left; text-align:left; margin-top:3%; margin-left:3%; height:25px; line-height:25px; margin-bottom:3%; color:#666; }
.audit .qds{ width:40%; float:right; text-align:right; margin-top:3%; margin-right:3%; height:25px; line-height:25px; margin-bottom:3%; color:#999; }



.audit .audit_act{ float:left; margin-left:2%; margin-right:2%; padding:3.5% 0 3.5% 0; text-align:center; overflow:hidden; width:16%; color:#999; }
.audit .audit_acts{ float:left; margin-left:2%; margin-right:2%; padding:3.5% 0 3.5% 0; text-align:center; overflow:hidden; width:16%; color:#f18d1d; border-bottom:2px solid #f18d1d; }

.audit a:active{ background-color:#eee;}




.details .editor .trip_name{ display:block; padding-top:1%; padding-bottom:1%; font-size:1.2rem; color:#999; overflow:hidden; }

.details .editor .sex{ float:left; width:20%; max-width:50px; min-width:50px; margin-top:3%; margin-right:3%; display:block; color:#000; padding-left:1%; border:1px solid #ddd; text-align:center; border-radius:15px; display:block; overflow:hidden;}
.details .editor .sex img{ float:left; width:35%; max-width:23px; min-width:8px; display:block;}


.details .editor .sex_girl{ float:left; width:20%; max-width:50px; min-width:50px; margin-top:0.5%; margin-right:2%; display:block; color:#fff; background-color:#f8b3c4; padding-left:1%; text-align:center; border-radius:15px; display:block; overflow:hidden;}
.details .editor .sex_girl img{ float:left; width:30%; max-width:20px; min-width:8px; display:block;}

.details .editor .sex_girl_tex{ font-size:1.0rem;}



.details .editor .sex_boy{ float:left; width:20%; max-width:50px; min-width:50px; margin-top:0.5%; margin-right:2%; display:block; color:#fff; background-color:#78bfe2; padding-left:1%; text-align:center; border-radius:15px; display:block; overflow:hidden;}
.details .editor .sex_boy img{ float:left; width:32%; max-width:20px; min-width:8px; display:block;}

.details .editor .sex_boy_tex{ font-size:1.0rem;}




.details .editor .refused{ display:block; width:35%; font-size:1.6rem; margin-left:3%; float:left; color:#999; float:left; text-align:center; padding:3%; border:1px solid #d7d7d7; border-radius:5px;}
.details .editor .through{ display:block; width:35%; font-size:1.6rem; margin-right:3%; color:#f18d1d; float:right; text-align:center; padding:3%; float:right; border:1px solid #d7d7d7; border-radius:5px;}



.details .editor .qd{ display:block; width:27%; font-size:1.4rem; margin-left:5%; float:left; color:#999; float:left; text-align:center; padding-top:3%; padding-bottom:3%; border:1px solid #d7d7d7; border-radius:5px;}







.details .editor .fill_name{ float:left; width:97%; border:none; margin-top:1.5%; padding:1.5%;text-align:left;}

.details .editor .select{ float:right; width:10%; text-align:center; }
.details .editor .select img{ width:50%; max-width:18px; }
.details .editor .selects{  float:right; width:10%; text-align:center;  margin-top:1.5%;  margin-bottom:1.5%;}
.details .editor .selects img{ width:50%; max-width:32px;}


.details .editor .selects .ture{ display:block; width:30px; height:30px; border:0px; background-color:#fd8031;}


.details .editor .sel_sex{ float:left; width:10%;}
.details .editor .sel_sex img{ width:40%; min-width:20px; max-width:20px;}
.details .editor .sel_name{ float:left; overflow:hidden; padding-right:1%; margin-left:2%; }
.details .editor .sel_name .name{ min-width:50px; display:block; color:#000; padding:2%;}

.details .editor .new{ display:block; text-align:center; padding:3%; color:#333;}


.details .consult .dj{ display:block; overflow:hidden;}
.details .consult .dj a{ display:block; background-color:#fff;}
.details .consult .dj a:active{ background-color:#eee;}





/*咨询反馈*/


.details .consult{background-color:#fff; overflow:hidden;}
.details .consult  .trip{ overflow:hidden; margin-left:4%; margin-right:4%;}

.details .consult  .trip .sr{ width:94%; margin-top:3%; margin-bottom:2%; padding:3%; border-radius:5px; border:0px; color:#999; background-color:#f8f8f8; font-size:1.2rem; outline:none;}


.details .consult  .trip .sre{ width:94%; margin-top:3%; margin-bottom:2%; padding:3%; min-height:30px; border-radius:5px; border:0px; color:#999; background-color:#f8f8f8; font-size:1.2rem; outline:0;  overflow-x: hidden; overflow-y: auto;  _overflow-y: visible;}



.details .consult .trip .mbut{ float:right; width:15%; border:1px solid #f18d1d; background-color:#fff; font-size:1.6rem; color:#f18d1d;   margin-top:1.5%; padding:2% 4% 2% 4%; border-radius:5px; text-align:center;}


.details .consult .go_img{ float:left; width:15%;}
.details .consult .go_img img{ max-width:88px; width:100%;}

.details .consult .go_name{ float:left; width:60%; margin-left:4%; margin-top:1.5%;}
.details .consult .go_name .name{ display:block; color:#000; padding:2%;}
.details .consult .go_name .sex{ width:60%; max-width:120px; display:block; color:#000; padding:1%; border:1px solid #ddd; text-align:center; border-radius:15px; background-image:url(../images/girl.png); background-repeat:no-repeat;}


.details .consult .star{ float:left; width:60%; margin-left:3%; margin-top:2%;}


.details .consult .star .star1{ width:20px; height:20px; float:left; margin-right:3%; background:url(../images/stars.png) top no-repeat; background-size:100% auto;}
.details .consult .star .cur{ width:20px; height:20px; float:left; margin-right:3%; background:url(../images/star.png) top no-repeat; background-size:100% auto;}


@media only screen and (min-width: 320px){

    .details .consult .star .star1{ width:18px; height:18px; float:left; margin-right:3%; background:url(../images/stars.png) top no-repeat; background-size:100% auto;}
    .details .consult .star .cur{ width:18px; height:18px; float:left; margin-right:3%; background:url(../images/star.png) top no-repeat; background-size:100% auto;}
    .details .editor  .trip .user .user_txt .img img{ width:18px; vertical-align:bottom;}


}

@media only screen and (min-width: 375px){

    .details .consult .star .star1{ width:20px; height:20px; float:left; margin-right:3%; background:url(../images/stars.png) top no-repeat; background-size:100% auto;}
    .details .consult .star .cur{ width:20px; height:20px; float:left; margin-right:3%; background:url(../images/star.png) top no-repeat; background-size:100% auto;}
    .details .editor  .trip .user .user_txt .img img{ width:20px; vertical-align:bottom;}


}




.details .consult .go{ float:right; width:50px; height:50px; background-image:url(../images/go.png); background-repeat:no-repeat;}

.details .consult .gos{ float:right; width:50px; height:50px;}


.details .consult .go_dig{ float:right; min-width:24px; max-width:50px; height:20px; margin-top:2.5%; border-radius:17px; background-color:#ff0000; display:block; text-align:center; color:#FFF; line-height:20px; overflow:hidden; padding-left:0.5%; padding-right:0.5%;}
.details .consult .go_qd img{ max-width:88px; width:80%;}

.details .consult .edi_name{ float:right; width:30%; border:none; margin-top:1.5%; text-align:right;}

.details .consult .edi_name .s2{color:#999; font-size:1.2rem;}



.details .consult .trip_name{ display:block; color:#999; font-size:1.2rem; }
.details .consult .trip_name img{ height:10px; max-width:30px; min-width:20px;  margin-left:5%; margin-top:10px;}



.details .consult .sex{ width:12%; max-width:120px; min-width:60px; display:block; color:#000; padding:1%; padding-right:2%; margin-top:3%; margin-bottom:3%; border:1px solid #ddd; text-align:right; border-radius:15px; background-image:url(../images/girl.png); background-repeat:no-repeat;}

.consult_but{  overflow:hidden; position:fixed; bottom:-5px; width:100%; max-width:640px;  background-color:#FFF;  border-top:1px solid #ddd;  min-width:320px; z-index:500; }

.consult_but .Share{
    float: left;
    max-width: 600px;
    width: 76%;
    padding:2%;
    color: #333;
    overflow:hidden;
    text-align:left;
}

.consult_but .Share input{color:#ddd; border: 1px solid #ddd; width:98%; padding:2%; border-radius:5px;}

.consult_but .Admin img{ max-width:64px; width:50%;}

.consult_but .Admin{
    float: left;
    max-width: 120px;
    width: 15%;
    overflow:hidden;
    color: #333;
    line-height:35px;
    text-align: center;
}
.consult_but .sign{
    float: right;
    max-width: 440px;
    width: 10%;
    padding:3.5%;
    color: #fd8031;
    text-align: center;
}




.details .consult .reply{ float:right; width:12%; text-align:center; color:#FFF; background-color:#fd8031; padding:1%; border-radius:5px;}


.reply_box{ width:100%; clear:both; border-bottom:1px solid #d7d7d7; padding-bottom:3%; overflow:hidden;}


.reply_box .intro{width:96%; max-height:13rem; min-height:8rem; overflow:hidden; color:#aaa; border:0px; padding:2%;  font-size:1.8rem; outline: none;}




.details .consult .trip_reply{ display:block; padding:3%; margin-bottom:2%; background-color:#f8f8f8; border-radius:5px; color:#999; font-size:1.2rem; overflow:hidden; }

.details .consult .trip_reply .s3{ display:block; width:16%; height:20px; float:left; font-size:1.2rem; color:#f18d1d;}

.details .consult .trip_reply .s4{ display:block; float:left; min-height:20px; overflow:hidden; width:82%; font-size:1.2rem; color:#999; background:none; border:0px; outline:0;}


/*收货地址*/

.det_editor{ width:100%; max-width:640px; height:120px; margin-top:30px; clear:both;}

.details .editor  .trip .switch input{ width:100%; }
.details .editor .address{ float:left; width:70%; margin-left:2%; margin-top:1%; margin-bottom:2%; line-height:30px; color:#333;}

.details .editor .go_phone{ float:left; width:30%; text-align:left; margin-top:2%; color:#333;}


.details .editor .tick{ float:right; width:10%; height:25px; margin-right:3%;  overflow:hidden; text-align:center; }
.details .editor .tick img{ width:60%; min-width:30px; max-width:40px;}

.details .editor .ticks{ float:left; width:10%; height:25px; overflow:hidden; text-align:center; }
.details .editor .txt{ float:right; width:20%; height:25px; line-height:25px; color:#f18d1d; margin-right:3%;  overflow:hidden; text-align:right; }


.details .editor .ticks img{ width:35%; min-width:25px;  }

.details .editor .add{ line-height:25px; text-align:center; font-size:1.4rem; color:#f18d1d;}

.details .editor .add .s1{ font-size:1.8rem;}

.switch { position:absolute; top:0; right:0;}
.switch input {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    z-index: 100;
    position: absolute;
    min-width:55px;
    min-height:25px;
    width: 100%;
    height: 100%;
    cursor: pointer;
}


/* DEMO  */

.switch.demo3 {
    min-width:50px;
    width: 9%;
    margin-top:1.5%;
}

.switch.demo3 img{ width:100%;}


.switch.demo3 label {
    display: block;
    width: 100%;
    height: 100%;
    background: #ccc;
    border-radius: 40px;

}


.switch.demo3 label i {
    display: block;
    height: 93%;
    width: 48%;
    border-radius: inherit;
    background: silver;
    position: absolute;
    z-index: 2;
    right: 50%;
    top: 1px;
    background: #fff;
}



.switch.demo3 input:checked ~ label {
    background: #6fd865;
}

.switch.demo3 input:checked ~ label i {
    right: 2%;
}

/*404页面*/


.details .four{ padding:15%; overflow:hidden;}

.details .four .top{ line-height:60px; text-align:center; margin-bottom:15%;}


.details .four .top img{ width:100%;}



.details .four .bottom{ height:60px;}

.details .four .bottom .left{ float:left; width:40%; padding:3.5%; background-color:#60abff; border-radius:50px;}

.details .four .bottom .left .m{ height:30px; line-height:30px; font-size:1.6rem; color:#FFF;  text-align:center; overflow:hidden; }


.details .four .bottom .left .m img{ vertical-align:middle; width:25%; max-width:22px; max-height:30px;}
.details .four .bottom .left .m span{ font-size:1.6rem; color:#FFF;}



.details .four .bottom .right{ float:right; width:40%; padding:3.5%; background-color:#60abff; border-radius:50px;}

.details .four .bottom .right .m{  height:30px; line-height:30px; font-size:1.6rem; color:#FFF; text-align:center; overflow:hidden;}

.details .four .bottom .right .m img{ vertical-align:middle; width:25%; max-width:22px; max-height:30px;}
.details .four .bottom .right .m span{ font-size:1.6rem; color:#FFF;}





/*二维码*/
.code{ margin:auto; width:70%; height:70%; max-width:300px; max-height:300px; min-width:180px; min-height:180px; background-color:#FFF; border:1px solid #333; border-radius:8px; position:relative; box-shadow: 0 0 5px #000;}

.code .top{ padding:3%; overflow:hidden; border-bottom:1px solid #ddd;}
.code .top .left{ width:80%; font-size:1.1rem; text-align:left; margin-left:2%; color:#333; float:left; height:22px; line-height:22px;}

.code .top .right{ width:10%; float:right; margin-top:2%;}

.code .top .right img{ width:60%;}
.code .center{ margin: 3% auto; text-align: center; width: 80%;}
.code .center img{ width:80%; max-width:150px; max-height:150px;}

.code .bottom{ border-top:1px solid #ddd;}
.code .bottom .s1{ display:block; margin:3% 3% 3% 3%; font-size:1.1rem; color:#333; text-align:left;}


/*下载页*/



.code11{ margin:auto; width:100%; height:100%;}
.code11 img{ width:100%;}


.wrapper .xz{ margin:auto; width:60%; height:70%; max-width:300px; max-height:300px; min-width:180px;  position:relative;}

.wrapper .xz .log{ overflow:hidden; margin-bottom:30%;}
.wrapper .xz img{ width:100%;}
.wrapper .xz a.ret{ overflow:hidden;}
.wrapper .copy{ position:absolute; bottom:3%; width:100%; max-width:640px; text-align:center; color:#ccc;}
/* DEMO 1  */

.switch.demo2 {
    min-width:50px;
    width: 9%;
    margin-top:1.7%;
}
.switch.demo2 img{ width:100%;}
.switch.demo2 label {
    display: block;
    width: 100%;
    height: 100%;
    background: #6fd865;
    border-radius: 40px;

}


.switch.demo2 label i {
    display: block;
    height: 93%;
    width: 48%;
    border-radius: inherit;
    background: silver;
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 1px;
    background: #fff;
}



.switch.demo2 input:checked ~ label {
    background: #ccc;
}

.switch.demo2 input:checked ~ label i {
    left: 2%;
}





.switch.demo2 .jian{ float:right; height:23px; width:23px; text-align:center; border:1px solid #ddd; margin-top:3%; border-radius:100%; color:#999; font-size:1.8rem; line-height:22px; }

.switch.demo2 .jia{float:right; height:23px; width:23px; text-align:center; border:1px solid #ddd;  margin-top:3%; border-radius:100%;  color:#999; font-size:1.8rem; line-height:22px; }

.switch.demo2 .txt{ float:right; height:25px; width:35px; text-align:center;  margin-top:2%; border-radius:3px; color:#999; overflow:hidden; padding:0; display:block; position:relative; font-size:1.4rem; line-height:25px;}

.switch.demo2 .chick{float:right; height:23px; width:23px; text-align:center; border:1px solid #fd8031;  margin-top:3%; border-radius:100%; color:#fd8031; font-size:1.8rem; line-height:22px; }


.switch.demo2 .t_txt{ color:#f18d1d; text-align:right; line-height:24px; padding-top:2%;}

/*地址*/

.details .addres{overflow:hidden; padding:3%; color:#999;}


.details .addres .s1{ color:#333; font-weight:bold; font-size:1.6rem; display:block; line-height:50px; }
.details .addres .t_s2{ color:#f18d1d; font-weight:bold; font-size:1.6rem; display:block; line-height:30px; }


.details .addres .s6{ color:#666; font-size:1.2rem; display:block; }
.details .addres .s6 li{ float:left; margin-left:3%; display: list-item;}

.details .addres .s0{ color:#000; font-size:1.4rem; display:block; }
.details .addres .s0 li{ float:left; width:2%; max-width:10px; height:2px; background-color:#000; list-style:none; margin-top:10px; margin-right:3%;}
.details .addres .s0 .text{ display:table;}


.details .addres .trip{ border:1px solid #d7d7d7; background-color:#FFF; border-radius:5px; font-size:1.2rem; }



.details .addres .trip .a1{ width:100%; color:#333; font-size:1.2rem;}

.details .addres .trip .r1{ padding:3%; color:#f18d1d; border-bottom:1px solid #ececec; border-right:1px solid #ececec;}
.details .addres .trip .r2{ padding:3%; color:#f18d1d; border-bottom:1px solid #ececec;}

.details .addres .trip .d1{ padding:3%; border-bottom:1px solid #ececec; border-right:1px solid #ececec;}
.details .addres .trip .d2{ padding:3%; border-bottom:1px solid #ececec;}



.details .addres .trip .c1{ padding:3%; border-right:1px solid #ececec;}
.details .addres .trip .c2{ padding:3%; }





.details .addres .trip .t1{ overflow:hidden; border-bottom:1px solid #ececec;}
.details .addres .trip .t1 span{ padding:1% 2% 1% 2%; color:#f18d1d; width:29%; float:left; display:block; border-right:1px solid #ececec;overflow:hidden;}


.details .addres .trip .t2{ overflow:hidden; border-bottom:1px solid #ececec;}
.details .addres .trip .t2 span{ padding:1% 2% 1% 2%; color:#333; width:29%; float:left; display:block; border-right:1px solid #ececec;overflow:hidden;}

.details .addres .trip .t3{ overflow:hidden;}
.details .addres .trip .t3 span{ padding:1% 2% 1% 2%; color:#333; width:29%; float:left; display:block; border-right:1px solid #ececec; overflow:hidden;}


.details .add_title{ background-color:#FFF; overflow:hidden;  border-bottom:1px solid #ddd; border-top:1px solid #ddd; padding-left:3%; padding-right:3%; color:#999;}

.details .add_title  .ret{ width:100%; height:60px; border-bottom:1px solid #ddd;}

.details .add_title  .trip .text{margin-right:1%; margin-top:3%; margin-bottom:3%; float:left;  width:30%;}
.details .add_title  .trip .text1{float:right; color:#999; width:50%; overflow:hidden; white-space:nowrap;  text-overflow:ellipsis;}
.details .add_title  .trip .text2{float:left; max-width:100px; width:20%; text-align:center; line-height:40px; color:#000; overflow:hidden; white-space:nowrap; background-color:#eaeaea; text-overflow:ellipsis; padding-left:2%; padding-right:1%; margin:2% 2% 2% 0px; border-radius:5px;}
.details .add_title  .trip .text3{ display:block;  width:100px; clear:both;}
.details .add_title  .trip .text4{float:right;  margin-top:3%; margin-bottom:3%; width:60%; max-width:400px; text-align:right; color:#333;}
.details .add_title  .trip .text8{float:right; width:60%; max-width:400px; text-align:right; margin-top:3%; color:#fd8031;}

.details .add_title .time{ float:right; width:60%; max-width:400px; height:59px; color:#000; line-height:25px; border:0px; text-align:right; color:#333;}


.details .add_title  .trip .jian{margin-right:1%; float:right; width:3%; min-width:20px; text-align:center; border:1px solid #ddd; margin-top:3%; border-radius:3px; color:#999;}

.details .add_title  .trip .text7{margin-right:1%; min-height:16px; float:right; width:5%; min-width:30px; text-align:center; border:1px solid #ddd;  margin-top:3%; border-radius:3px; color:#999; position:relative; overflow:hidden;}

.details .add_title  .trip .text7 .txt{ border:none; width:80%; overflow:hidden; text-align:center;}


.details .add_title  .trip .jia{margin-right:1%; float:right; width:3%; min-width:20px; text-align:center; border:1px solid #ddd;  margin-top:3%; border-radius:3px;  color:#999;}

.details .add_title  .trip .chick{margin-right:1%; float:right; width:3%; min-width:20px; text-align:center; border:1px solid #fd8031;  margin-top:3%; border-radius:3px; color:#fd8031; }

.details .add_title .go_name{ float:left; width:70%; margin-left:2%; margin-top:1%; line-height:30px; color:#666;}
.details .add_title .go_name .name{ display:block; padding:2%;}
.details .add_title .go_name .sex{ width:60%; max-width:120px; display:block; color:#000; padding:1%; border:1px solid #ddd; text-align:center; border-radius:15px; background-image:url(../images/girl.png); background-repeat:no-repeat;}

.details .add_title .go_names{ float:left; width:30%; margin-left:2%; margin-top:1%; color:#666;}
.details .add_title .go_names .name{ display:block; padding:2%;}

.details .add_title .go{ float:right; width:10%; margin-top:3%; padding-top:1%; text-align:center;}
.details .add_title .go img{ width:40%; max-width:20px; max-height:15px;}

.details .add_title .address{ float:left; width:70%; margin-left:2%; margin-top:1%; margin-bottom:1%; color:#333;}

.details .add_title .go_phone{ float:left; width:30%; text-align:left; margin-top:1.5%; color:#333;}


.details .add_title .tick{ float:right; width:10%; margin-top:4%; height:50px; overflow:hidden; text-align:center; }



.details .add_title .tick img{ width:70%;}



.details .editor .edi_names{ float:right; width:50%; border:none; height:25px; text-align:right;}

.details .editor .edi_names .select{ float:left; width:100%; text-align:center; }


.details .editor .edi_names .select select{ width: 100%; z-index:995; border:0px;  background:#fff; outline:none; cursor: default; -webkit-appearance: none; }


.details .editor .edi_namest{ float:left; width:95%;  border:0px;  border-radius:7px; background:none; margin-top:2%; margin-bottom:2%;}


/*展示二维码*/

.details .zs{ position:absolute; width:100%; max-width:640px; height:50%; background-color:#f18d1d; padding:0; text-align:center;}
.details .addres .zs1{ width:40px; height:40px; line-height:40px; text-align:center;  margin:2% auto; background-color:#f18d1d; border-radius:100%;}

.details .addres .text{ font-size:1.4rem; color:#333; line-height:18px;}



/*报名-支付*/



.item_pay{  overflow:hidden; position:fixed; bottom:0px; width:100%; max-width:640px;  min-width:320px; z-index:999; -moz-box-shadow: 0px 0px 3px #d7d7d7; box-shadow: 0px 0px 3px #d7d7d7;}

.item_pay .Share{ display:block; float: left; width: 20%; color: #333; padding-bottom:3%;	overflow:hidden; font-size:1.0rem;	padding-top:3%;	text-align: center;	}
.item_pay .Share .t{ float:left; text-align:right; width:57%; font-size:1.2rem; color:#333; font-weight:bold; height:25px; line-height:25px; }
.item_pay .Share .i{ float:right; text-align:left; width:35%; height:25px; line-height:25px; background:url(../images/rt.png) left no-repeat; background-size:auto 60%;}
.item_pay .Share .is{ float:right; text-align:left; width:35%; height:25px; line-height:25px; background:url(../images/rts.png) left no-repeat; background-size:auto 60%;}



.item_pay .Admin{ display:block; float:left; width:40%; overflow:hidden; font-size:1.2rem; padding-top:3%; padding-bottom:3%; text-align: center; background-color:#FFF;}
.item_pay .Admin .s{ text-align:center; height:25px; line-height:25px;}
.item_pay .Admin .s .a1{ color:#999;}
.item_pay .Admin .s .a2{ color:#f18d1d; font-size:1.2rem;}
.item_pay .Admin .s .a3{ color:#f18d1d; font-weight:bold; font-size:1.4rem;}



.item_pay .sign{ float: left; width: 40%; color: #fff; padding-top:3%; padding-bottom:3%; text-align: center; font-size:1.6rem; background-color: #f18d1d; background:rgba(241, 141, 29, 1) none repeat scroll 0 0 !important; filter:Alpha(opacity=100); }



.item_pay .sign .b{ height:25px; line-height:25px;}



.item_pay .T_zx{ width: 100%; color: #fff; padding-top:3%; padding-bottom:3%; font-size:1.6rem; background-color: #fff; overflow:hidden; }


.item_pay .T_zx .f{ height:25px; width:70%; line-height:25px; float:left; border:1px solid #d7d7d7; overflow:hidden; border-radius:15px; margin-left:4%;}

.item_pay .T_zx .f textarea{ width:96%; border:0px; background:none; margin-left:3%; margin-right:3%; line-height:20px; font-size:1.2rem; color:#333; resize: none; outline:none;}

.item_pay .T_zx a.r{ display:block; height:25px; width:15%; max-width:65px; line-height:25px; float:right; border:1px solid #d7d7d7; overflow:hidden; border-radius:3px; margin-right:4%; font-size:1.2rem; color:#f18d1d; text-align: center;}

.item_pay .T_zx a:active{ background-color:#eee;}




.item_pay a{  background-color:#FFF;}
.item_pay a:active{ background-color:#eee;}


.item_ext{ width:100%; height:100%; min-width:320px; max-width:640px; overflow:hidden; position:fixed; bottom:0; z-index:995; padding-top:1px; background-color:#000; background:rgba(0, 0, 0, 0.4) none repeat scroll 0 0 !important; filter:Alpha(opacity=40); color:#333;}


.item_float{ overflow:hidden; position:fixed; width:100%; max-width:640px;  min-width:320px; z-index:996; font-size:1.2rem; background-color:#f4f4f4; overflow:hidden; color:#333;}
.item_float .trip{ padding:3% 4% 3% 4%;}
.item_float .trip .a1{ height:25px; line-height:25px; width:60%; float:left; text-align:left;}
.item_float .trip .a2{ height:25px; line-height:25px; width:20%; float:left; text-align:right; color:#f18d1d;}

.item_float .trip .a2 .t1{ font-size:1.4rem; font-weight:bold;}
.item_float .trip .a3{ height:25px; line-height:25px; float:right; text-align:right;}
.item_float .trip .a4{ height:25px; line-height:30px; float:left; margin-left:6%; text-align:right;}





.item_float .f_index{ overflow:hidden; width:30%; max-width:115px; float:right; text-align:center; background-color:#fff;}
.item_float .f_index a.t1{ display:block; padding-top:3%; padding-bottom:3%; line-height:25px; color:#333; }
.item_float .f_index a.t2{ display:block; padding-top:3%; padding-bottom:3%; line-height:25px; color:#333; }
.item_float .f_index a:active{ background-color:#f5f5f5;}



/*下载浮窗*/
.f_app{ width:100%; min-width:320px; max-width:640px; overflow:hidden; position:fixed; bottom:0; z-index:995; background-color:#333; background:rgba(51, 51, 51, 0.7) none repeat scroll 0 0 !important; filter:Alpha(opacity=70);}

.f_app .trip{ overflow:hidden; height:100%; position:relative; padding:2% 3% 2% 5%;}

.f_app .trip .log{ width:42px; height:42px; float:left; background:url(../images/log.png) left no-repeat; background-size:100% auto;}

.f_app .trip .text{ height:32px; float:left; color:#fff; margin-top:5px; margin-bottom:5px; margin-left:3%;}
.f_app .trip .text .s1{ font-size:1.6rem; line-height:18px;}
.f_app .trip .text .s2{ font-size:1.4rem; line-height:14px; color:#ccc;}

.f_app .trip a.go{ display:block; padding:0 4% 0 4%; float:right; height:28px; margin-top:7px; margin-bottom:7px; line-height:28px; background-color:#ffd800; border-radius:3px; font-size:1.4rem; color:#000;}
.f_app .trip a.go:active{ background-color:#fff000;}

.f_app .trip a.x{ display:block; width:16px; height:16px; background:url(../images/f_x.png) top left no-repeat; background-size:100% auto; position:absolute; top:0; left:0;}



@media only screen and (min-width: 375px){
	
	.f_app .trip .log{ width:48px; height:48px;}
	.f_app .trip .text{ height:38px;}
	.f_app .trip .text .s1{ font-size:1.6rem; line-height:20px;}
	.f_app .trip .text .s2{ font-size:1.4rem; line-height:18px;}
	.f_app .trip a.go{ height:30px; margin-top:9px; margin-bottom:9px; line-height:30px;}
	.f_app .trip a.x{ width:18px; height:18px; }

}

@media only screen and (min-width: 414px){
	
	.f_app .trip .log{ width:55px; height:55px;}
	.f_app .trip .text{ height:45px;}
	.f_app .trip .text .s1{ font-size:1.6rem; line-height:25px;}
	.f_app .trip .text .s2{ font-size:1.4rem; line-height:20px;}
	.f_app .trip a.go{ height:37px; margin-top:9px; margin-bottom:9px; line-height:37px;}
	.f_app .trip a.x{ width:22px; height:22px; }

		
}



/*支付*/


.details .tit{ background-color:#f18d1d; overflow:hidden; padding:1.5%; text-align:center;}
.details .tit .a1{ height:25px; line-height:25px; color:#fff; font-size:1.3rem;}
.details .editor .trip .a1{ min-height:25px; line-height:25px; color:#333; font-size:1.4rem;}
.details .editor .trip .a2{ height:25px; line-height:25px; color:#999; font-size:1.2rem;}
.details .editor .trip .a2 .t1{ color:#f18d1d; font-size:1.4rem;}

.details .pay{ margin:5%; background-color:#fff; border:1px solid #ececec; border-radius:3px; overflow:hidden;}
.details .pay .trip{ padding-top:5%; padding-bottom:5%;}
.details .pay .trip .s1{ height:22px; width:45px; margin-left:5%; float:left;}
.details .pay .trip .s1 img{ height:100%;}
.details .pay .trip .s2{ height:22px; line-height:22px; width:70%; margin-left:5%; float:left;}

.details .pay a{ font-size:1.4rem; color:#333; background:#FFF; display:block; border-radius:3px;}
.details .pay a:active{ font-size:1.4rem; color:#333; background-color:#eee; display:block; border-radius:3px;}


a.r_gets{ display:block; width:100%; max-width:640px; margin:0 auto; color:#666; padding-top:3%; padding-bottom:3%; line-height:30px; text-align:center; background-color:#fff; border:1px solid #d7d7d7; }
a.r_gets:active{ display:block; width:100%; max-width:640px; margin:0 auto; color:#666; padding-top:3%; padding-bottom:3%; line-height:30px; text-align:center; background-color:#eee;}


/*支付成功*/



.details .infor_cet .Sign{line-height:45px; font-size:1.6rem; background-color:#FFF; overflow:hidden;  color:#333; padding:3%; text-align:center; }
.details .infor_cet { padding:5%; margin-top:8%; background-color:#FFF; overflow:hidden; }
.details .infor_cet .Sign img { width:22%; max-width:80px;}
.details .infor_cet .Sign .txt{ min-height:28px; line-height:28px; margin-top:5%;}
.details .infor_cet .Sign .txt1{ min-height:28px; line-height:28px;}



.details .infor_cet .Sign .bm{ width:47%; text-align:center; margin:auto; font-size:1.6rem; font-weight:bold; line-height:25px; margin-bottom:2%;}
.details .infor_cet .Sign .bm_txt{ margin-bottom:1%; text-align:center; margin:auto; line-height:16px; font-size:1.4rem; color:#666;}

.details .infor_cet .Sign .bm img{ width:20px; max-width:35px; vertical-align:text-top;}
/*支付提示*/

.details .ts{ text-align:center; padding-top:30%; line-height:25px; font-size:1.4rem; color:#333;}



/* 积分充值*/

.details .editor .trip .a3{ min-height:25px; line-height:25px; color:#000; font-size:1.6rem;}
.details .editor .trip .a3 .t1{ float: right;}
.details .editor .trip .a3 .t1 .icon-jf{ width: 15px; height: 15px; display: inline-block; vertical-align: text-top; background: url(../images/29.pic.png) no-repeat center; background-size: auto 100%;}
.details .jf-pay{ margin:0; background-color:#fff; overflow:hidden;}
.details .jf-pay .trip{ padding-top:2%; padding-bottom:2%;}
.details .jf-pay .trip .s1{ height:32.5px; width:32px; margin-left:4%; float:left; overflow: hidden;}
.details .jf-pay .trip .s1 img{ height:100%; width: 100%;}
.details .jf-pay .trip .s2{ height:32.5px; line-height:32px; margin-left:3%; float:left;}

.details .jf-pay a{ font-size:1.4rem; color:#333; background:#FFF; display:block; border-radius:3px;}
.details .jf-pay a:active{ font-size:1.4rem; color:#333; background-color:#eee; display:block; border-radius:3px;}

.details .jf-pay a.check .i{ width: 18px; height: 18px; float: right; margin-right: 4%; border: 1px solid #ccc; border-radius: 100%; background-color: #fff; margin-top: 6px;}
.details .jf-pay a.check .sel{ background-color: #F18D1D;}
.details .editor .lit{ position: relative; padding: 0; margin: 0;}
.details .editor .lit:after{ content: ' ' ; background-color:#ececec; width:1px; height:100%; position:absolute; left:50%; top: 0; z-index:995; -webkit-transform: scaleX(0.5); -webkit-transform-origin:0 0; overflow: hidden;}
.details .editor .lit .jf-l{ padding-top: 8%; padding-bottom: 8%; width: 50%; float: left; text-align: center;}
.details .editor .lit .jf-l .t1{ color: #F18D1D; font-size: 1.6rem; line-height: 30px;}
.details .editor .lit .jf-l .t2{ color: #999; font-size: 1.4rem; line-height: 18px;}

.details .editor .lit .jf-l .t1 .icon-jf{ width: 15px; height: 15px; display: inline-block; vertical-align: text-top; background: url(../images/29.pic.png) no-repeat center; background-size: auto 100%;}



.flaot-cz{ position: fixed; bottom: 8%; width: 100%; text-align: center;}
.flaot-cz span{ background-color: #000000;  color: #fff; background:rgba(0, 0, 0, 0.2) none repeat scroll 0 0 !important; filter:Alpha(opacity=20); line-height: 20px; padding-left: 3%; padding-right: 3%; display: inline-block; border-radius: 5px;}
/*签到部分*/

.qd-jf{ background-color: #fff; overflow: hidden;}
.qd-jf a.l1{ width: 33.3%; float: left; text-align: center; padding-top: 3%; padding-bottom: 3%; font-size: 1.4rem;}
.qd-jf a.l1:active{ background-color: #eee;}
.qd-jf .l1 .t1{ height: 25px;}
.qd-jf .l1 .t1 .icon-cz{ height: 20px; background: url(../images/28.pic.png) no-repeat center; background-size: auto 90%;}
.qd-jf .l1 .t1 .icon-dh{ height: 20px; background: url(../images/26.pic.png) no-repeat center; background-size: auto 100%;}
.qd-jf .l1 .t1 .icon-jl{ height: 20px; background: url(../images/27.pic.png) no-repeat center; background-size: auto 100%;}
.qd-jf .l1 .t2{ line-height: 18px; color: #666; font-size: 1.2rem;}

/*兑换成功*/
.details .Sign{line-height:45px; background-color:#FFF; overflow:hidden;  color:#333; padding:3%; text-align:center; }
.infor_cet { padding:5%; margin-top:8%; background-color:#FFF; overflow:hidden; }
.infor_cet .Sign img { width:16%; max-width:80px;}
.details .item_convert{ background-color:#FFF; overflow:hidden; padding:0 5% 3.5% 5%; color:#333; }

.details .item_convert a{}
.details .item_convert a:active{ background-color:#ececec;}




.details .item_convert .record{ float:left; max-width:400px; width:41%; height:24px; line-height:24px; padding:3%; color:#999; text-align:center; border:1px solid #ccc;  border-radius:3px;}
.details .item_convert .continue{ float:right; max-width:400px; width:41%; height:24px; line-height:24px; padding:3%; color:#999; text-align:center; border:1px solid #ccc;  border-radius:3px;}
.details .item_convert .continue img{ width:25%; margin-right:3%; max-width:38px; vertical-align:middle;}


.details .item_convert .f8{ color:#f18d1d; border:1px solid #f18d1d;}
.details .item_convert .e7{ color:#69ce77; border:1px solid #69ce77;}


@media only screen and (min-width: 320px){

    .details .item_convert .continue img{ width:25%; margin-right:3%; max-width:38px; vertical-align:middle;}

}
@media only screen and (min-width: 325px){

    .details .item_convert .continue img{ width:24%; margin-right:3%; max-width:38px; vertical-align:middle;}

}

@media only screen and (min-width: 376px){

    .details .item_convert .continue img{ width:22%; margin-right:3%; max-width:38px; vertical-align:middle;}

}


.details .item_convert .ok{ display:block; width:80%; margin:3% auto; padding:3%; color:#999; text-align:center; border:1px solid #ccc;  border-radius:3px;}


/*兑换记录*/

.article .cet{ width:160px; text-align:center; background-color:#fff; margin:-15px auto; color:#999;}
.details .convent{ background-color:#FFF; overflow:hidden; color:#333; padding:3%;}
.infor_cets {padding:3%; background-color:#FFF; overflow:hidden; border-bottom:1px solid #ddd; }

.infor_cets .convent .qq { float:left; width:17%; max-width:50px; margin-right:3%;}
.infor_cets .convent .qq  img{ float:left; width:95%; max-width:40px; min-width:35px;}
.infor_cets .convent .text { float:left; margin-top:3%;}
.infor_cets .convent .text1 { float:right; margin-top:3%;}




/*每日签到-详情*/
.details .prom{ background-color:#FFF; overflow:hidden; padding:3%; color:#333; }

.details .prom .text6{ float:left;}

.details .prom .text5{ float:right; width:25%; padding:2%; max-width:220px; background-color:#fd8031; text-align:center; color:#fff;   border-radius:15px;}

.details .prom_item{ background-color:#FFF; overflow:hidden; border-bottom:1px solid #ddd; border-top:1px solid #ddd; padding-left:3%; padding-right:3%; color:#333; }

.details .prom_item  .trip .text{margin-right:1%; margin-top:2%; margin-bottom:2%; float:left; width:85%; color:#000;}

.details .prom_item  .trip .go{ float:right; width:10%; margin-top:2%; padding-top:1%; text-align:center; }
.details .prom_item  .trip .go img{ width:40%; max-width:20px; max-height:15px;}

.deta{ margin-left:3%; color:#999; width:80px; height:45px; display:block; line-height:45px; }

/*消费记录*/

.expense  {padding:3%; background-color:#FFF; overflow:hidden; border-bottom:1px solid #ddd;}
.expense  .item {width:100%; overflow:hidden; }
.expense  a.img {width:38%; float:left; max-width:180px; min-width:140px; margin-right:3%;}
.expense  a.img img { width:100%; max-width:180px;}
.expense  .wd { display:block; width:50%; float:left; color:#808080;overflow:hidden;}
.expense  a.wd strong {display:block; min-height:70px; overflow:hidden; color:#333;}
.expense  .wd a.look{ display:block; width:150px; padding-top:2%; padding-bottom:2%; color:#fff; text-align:center; background-color:#fd8031; border-radius:15px; margin-top:3%;}
.expense  .wd a.looks{ display:block; width:150px; padding-top:2%; padding-bottom:2%; color:#fff; text-align:center; background-color:#ccc; border-radius:15px; margin-top:3%;}

.expense  .wd .text_head{ color:#333;}
.expense  .wd .text_heads{ color:#fd8031;}
.expense  .wd .text_heads1{ }

/*每日签到*/

/* 用来实现动画的keyframes; 从0度旋转到360度 */


.banners{ height:50px; padding-top:6%; padding-bottom:6%; overflow:hidden; background:url(../images/qd_bj.png) top repeat-y; position:relative;}



.banners .dh{animation:mydh 1.5s infinite;-moz-animation:mydh 1.5s infinite; /* Firefox */
    -webkit-animation:mydh 1.5s infinite; /* Safari and Chrome */
    -o-animation:mydh 1.5s infinite; /* Opera */}


@keyframes mydh
{
    0% {opacity: 1; }
    30% {opacity: 1; }
    70% {opacity: 1; }
    100% {opacity: 0;}
}
@-moz-keyframes mydh /* Firefox */
{
    0% {opacity: 1; }
    30% {opacity: 1; }
    70% {opacity: 1; }
    100% {opacity: 0;}
}

@-webkit-keyframes mydh /* Safari and Chrome */
{
    0% {opacity: 1; }
    30% {opacity: 1; }
    70% {opacity: 1; }
    100% {opacity: 0;}
}

@-o-keyframes mydh /* Opera */
{
    0% {opacity: 1; }
    30% {opacity: 1; }
    70% {opacity: 1; }
    100% {opacity: 0;}

}



.banners .dhs{ animation-iteration-count:1; animation-fill-mode: forwards; animation:mydhs 1.5s infinite;-moz-animation:mydhs 1.5s infinite;  -moz-animation-iteration-count:1; -moz-animation-fill-mode: forwards;/* Firefox */
    -webkit-animation:mydhs 1.5s infinite; -webkit-animation-iteration-count:1; -webkit-animation-fill-mode: forwards;/* Safari and Chrome */
    -o-animation:mydhs 1.5s infinite; -o-animation-iteration-count:1; -o-animation-fill-mode: forwards;/* Opera */}





@keyframes mydhs
{
    0% {opacity: 0; }
    50% {opacity: 1; }
    100% {opacity: 0;}
}
@-moz-keyframes mydhs /* Firefox */
{
    0% {opacity: 0; }
    50% {opacity: 1; }
    100% {opacity: 0;}
}

@-webkit-keyframes mydhs /* Safari and Chrome */
{
    0% {opacity: 0; }
    50% {opacity: 1; }
    100% {opacity: 0;}
}

@-o-keyframes mydhs /* Opera */
{
    0% {opacity: 0; }
    50% {opacity: 1; }
    100% {opacity: 0;}

}


.banners .banners_dh{ position:absolute; bottom:5%; left:15%; width:70%; z-index:996; padding:0; text-align:center;
}

.banners .banners_dh img{ width:100%; max-height:200px; max-width:300px;}


@keyframes mymove
{
    0% {top:35%; opacity: 0; }
    50% {top:25%;opacity: 1; }
    100% {top:20%;opacity: 0;}
}
@-moz-keyframes mymove /* Firefox */
{
    0% {top:35%; opacity: 0; }
    50% {top:25%;opacity: 1; }
    100% {top:20%;opacity: 0;}
}

@-webkit-keyframes mymove /* Safari and Chrome */
{
    0% {top:35%; opacity: 0; }
    50% {top:25%;opacity: 1; }
    100% {top:20%;opacity: 0;}
}

@-o-keyframes mymove /* Opera */
{
    0% {top:35%; opacity: 0; }
    50% {top:25%;opacity: 1; }
    100% {top:20%;opacity: 0;}

}

.banners .banners_text{position:absolute; bottom:30%; left:15%; width:50%; z-index:998; padding:0% 10% 10% 0%; text-align:right; font-size:2.6rem; color:#f18d1d; animation:mymove 1s infinite;-moz-animation:mymove 1s infinite; /* Firefox */
    -webkit-animation:mymove 1s infinite; /* Safari and Chrome */
    -o-animation:mymove 1s infinite; /* Opera */}




.banners .banners_bg{ position:absolute; bottom:-30%; left:0; width:100%; z-index:995; padding:0; text-align:center;/* background:url(../images/bg.png) top left no-repeat; background-size:100% 100%; */
    background-position: 0 100%;
    -webkit-transform: rotate(0deg) translateZ(0);
    -webkit-transition-duration: 0ms;
    -webkit-animation-name: loading;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}
@-webkit-keyframes loading {
    from { -webkit-transform:rotate(0deg)translateZ(0);
    }to {
         -webkit-transform: rotate(360deg) translateZ(0);
     }
}




.banners .banners_bg img{ width:80%; max-height:400px; max-width:400px;}



.banners img{ width:100%; max-height:180px;}
.banners .left{ float:left; width:55%; display:block; margin-left:5%; color:#FFF; font-size:1.2rem; text-align:center;}


.banners .left .t_s1{ width:44px; height:44px; float:left; overflow:hidden; border:2px solid #fff; border-radius:100%;}

.banners .left .t_s1 .img{ width:100%;}

.banners .left .t_s2{ height:44px; float:left; margin-left:3%; margin-top:4px;}

.banners .left .t_s2 .s1{ font-size:1.4rem; line-height:22px;}
.banners .left .t_s2 .s2{ font-size:1.4rem; line-height:22px;}

.banners .left .t_s2 .t1{ color:#fff45b;}



.banners a.mright{ float:right; width:32%; max-width:150px; line-height:30px; padding-top:1%; padding-bottom:1%; margin-top:6px; display:block; margin-right:5%; color:#333; text-align: center; background-color:#fff45b; border-radius:35px;}
.banners a.sel{background:rgba(255, 244, 91, 0.5) none repeat scroll 0 0 !important; filter:Alpha(opacity=50);  }

.banners a.mrights{ float:right; width:32%; max-width:150px; line-height:30px; padding-top:1%; padding-bottom:1%; margin-top:6px; display:block; margin-right:5%; color:#333; text-align: center; background:rgba(255, 244, 91, 0.5) none repeat scroll 0 0 !important; filter:Alpha(opacity=50); border-radius:35px;}

.banners a:active{ background:rgba(255, 244, 91, 0.5) none repeat scroll 0 0 !important; filter:Alpha(opacity=50);}



.banners .right{
    width: 82%;
    font-size:1.2rem;
    max-width: 150px;
    display: block;
    color: #fff;
    padding:8%;
    margin:auto;
    text-align: center;
    background-color: #ffc231;
    border-radius: 35px;

}




.banners .txte{
    display: block;
    margin:0 auto;
    font-size:1.2rem;
    text-decoration:underline;
    color:#fff45c;
    text-align: center;}

/* .squaredThree */
.squaredThree {
    width: 18px;
    position: relative;
    margin: 0 auto;
}

/* end .squaredThree */

.squaredThree1 {
    width: 25px;
    height:25px;
    position: relative;
    margin: 0 auto;
}

/* end .squaredThree1 */


.squaredThree2 {
    width: 25px;
    height:25px;
    position: relative;
    margin: 0 auto;
}




.tbody .scroller .list .clear{ text-align:center; padding:3%; color:#666; display:block;}


/*浮动层*/

.ext1{ width:100%; min-width:320px; max-width:640px; overflow:hidden; position:fixed; bottom:45%; z-index:999; }
.ext2{ width:100%; min-width:320px; max-width:640px; overflow:hidden; position:fixed; bottom:20%; z-index:999; }
.ext3{ width:100%; min-width:320px; max-width:640px; overflow:hidden; position:fixed; bottom:60%; z-index:999; }
.ext4{ width:100%; min-width:320px; max-width:640px; overflow:hidden; position:fixed; bottom:45%; z-index:999; }

.ext5{ width:100%; height:100%; min-width:320px; max-width:640px; overflow:hidden; position:fixed; bottom:0; z-index:999; padding-top:1px;   background-color:#000;background:rgba(0, 0, 0, 0.7) none repeat scroll 0 0 !important; filter:Alpha(opacity=70); }

.ext6{ width:100%; height:100%; min-width:320px; max-width:640px; overflow:hidden; position:fixed; top:92px; z-index:999;  background-color:#000;background:rgba(0, 0, 0, 0.7) none repeat scroll 0 0 !important; filter:Alpha(opacity=70); }

.ext7{ width:100%; height:100%; min-width:320px; max-width:640px; overflow:hidden; position:fixed; bottom:0; top:25px; z-index:999; }
.ext7 .trip_name{ display:block; margin-right:10%; margin-left:6%; text-align:right; color:#999; z-index:999; font-size:1.2rem; margin-bottom:-9px; }
.ext7 .trip_name img{ width:5%; max-width:30px; min-width:20px; margin-top:2%;}

.ext8{ width:100%; height:100%; min-width:320px; max-width:640px; overflow:hidden; position:fixed; bottom:0; z-index:999; padding-top:1px;   background-color:#000;background:rgba(0, 0, 0, 0.65) none repeat scroll 0 0 !important; filter:Alpha(opacity=65); }

.ext9{ width:100%; height:100%; min-width:320px; max-width:640px; overflow:hidden; position:fixed; bottom:0; z-index:999; padding-top:1px; }

.ext10{ width:100%; height:100%; min-width:320px; max-width:640px; overflow:hidden; position:fixed; bottom:0; top:0; background-color:#f4f4f4; background:rgba(244, 244, 244, 1) none repeat scroll 0 0 !important; filter:Alpha(opacity=100); z-index:999; }




.ext10 .fot{ display:block; width:100%; max-width:640px; height:30px; background-color:#f18d1d; color:#fff; min-width:320px; position:absolute; bottom:0px; text-align:center; padding-top:3%; padding-bottom:3%; font-size:1.6rem; height:25px;}


.ext11{ width:100%; height:100%; min-width:320px; max-width:640px; overflow:hidden; position:fixed; bottom:0; top:0; background-color:#fff; z-index:999; }


.ext12{ width:100%; height:100%; min-height:580px; min-width:320px; max-width:640px; overflow:hidden; position:absolute; top:0; z-index:999; padding-top:1px;   background-color:#000;background:rgba(0, 0, 0, 0.3) none repeat scroll 0 0 !important; filter:Alpha(opacity=30); }


.fl{ width: 100%; height: 100%; min-width: 320px; max-width: 640px; position: absolute; top: 0; background-color: #fff; z-index: 999;}

.fl .pic{ width: 30%; overflow: hidden; position: absolute; top: 50%; left: 50%; margin-left: -13%; margin-top: -20%; text-align: center;}

.fl img{ width: 80%; }
.fl .pic span{ line-height: 30px;}



.flaot{  padding:2% 3% 2% 3%; width:35%; min-width:140px;  overflow:hidden; text-align:center; color:#FFF; position:absolute; top:35%; left:30%;  background-color:#000;  z-index:999; border-radius:8px; background:rgba(0, 0, 0, 0.8) none repeat scroll 0 0 !important; filter:Alpha(opacity=80); background:#fff;}

.flaot1{  padding:4% 4% 6% 4%; width:86%; margin:3%; min-width:140px;  overflow:hidden; text-align:center; color:#FFF;  background-color:#000;  z-index:999; border-radius:8px; background:rgba(0, 0, 0, 0.7) none repeat scroll 0 0 !important; filter:Alpha(opacity=70);}

.flaot1 .cent img{ width:40%; max-width:40px; min-width:25px; float:left;}
.flaot1 .tet{ padding-top:3%; display:block; float:left; margin:5%;}
.flaot1 .cent{ margin:3% auto; width:28%; text-align:center; max-width:300px; min-width:120px; overflow:hidden;}

.flaot2{  padding:4% 4% 6% 4%; width:86%; margin:3%; min-width:140px;  overflow:hidden; text-align:center; color:#FFF; position:absolute; bottom:35%;  background-color:#000;  z-index:999; border-radius:8px; background:rgba(0, 0, 0, 0.7) none repeat scroll 0 0 !important; filter:Alpha(opacity=70);}

.flaot3{  padding:4%; width:36%; margin:3px auto; min-width:140px; text-align:center; color:#FFF;  background-color:#000;  z-index:999; border-radius:8px; background:rgba(0, 0, 0, 0.7) none repeat scroll 0 0 !important; filter:Alpha(opacity=70);}

.flaot4{  padding:4%; width:90%; margin:3px auto; min-width:140px; text-align:center; color:#FFF;  background-color:#000;  z-index:999; border-radius:8px; background:rgba(0, 0, 0, 0.7) none repeat scroll 0 0 !important; filter:Alpha(opacity=70);}

.flaot5{  padding:0;  position:fixed; bottom:0; width:100%;  min-width:320px; max-width:640px; margin:0px auto; min-width:140px; text-align:center; color:#FFF;   background-color:#fff;  z-index:999;}

.flaot6{  padding:3%; text-indent:1rem; width:100%; min-width:140px; text-align:left; color:#333; background-color:#fff;  z-index:999; border-bottom:1px solid #eee;}


.flaot7{width:100%; display:block; height:100%; z-index:999;}

.flaot8{ padding:2.5% 2.5% 1% 2.5%; top:30%; width:89%; max-width:600px; margin-left:3%; margin-right:3%; position: absolute; min-width:140px; background-color:#fff; border-radius:5px; z-index:999; }


.flaot9{  width:100%; min-width:140px; color:#333; border-top:1px solid #d7d7d7; overflow:hidden;  z-index:999; height:100%;  background-color:#000; background:rgba(0, 0, 0, 0.3) none repeat scroll 0 0 !important; filter:Alpha(opacity=30); }

.flaot9 .cc{ overflow:hidden; width:100%; background-color:#FFF;}


.flaot9 .cc .z1{ overflow:hidden; clear:both; position:relative;}


.flaot9 .sy{ width:32.8%; text-align:center;  margin-right:1px; overflow:hidden;  float:left; background-color:#fff; }
.flaot9 .sy img{ width:30%; max-width:60px;}

.flaot9 .sy a{ display:block; padding-top:12%; padding-bottom:6%;line-height:30px; font-size:1.1rem; line-height:40px;   color:#999; }


.flaot9 .qt{ width:32.8%; text-align:center; margin-right:1px;  float:left;  }

.flaot9 .qt a{ display:block; padding-top:4%;  font-size:1.3rem; line-height:40px; padding-bottom:4%; color:#333; }

.flaot10{  width:100%; margin:0 auto; text-align:right;  z-index:999;}

.flaot10 img{ width:50%; margin-right:3%; margin-top:3%;}


.flaot11{  width:100%; margin:45% auto; text-align:right;  z-index:999;}

.flaot12{  width:90%; max-width:300px; margin:60.8% auto; text-align:right; border-radius:8px;  z-index:999; background-color:#FFF; overflow:hidden;}

.flaot12 .top{ padding:12% 5% 12% 5%; text-align:center; overflow:hidden; color:#333; position:relative;}

.flaot12 .top .li{ position:absolute; top:5%; right:2.5%; width:15px; height:15px; background:url(../images/end2.0.png) center no-repeat; background-size:100% auto;}

.flaot12 .top .a1{ width:60%; border:1px solid #d7d7d7; padding:1%; height:25px; line-height:25px;}
.flaot12 .top .a2{ margin-left:3%; height:25px; line-height:25px;}

.flaot12 .top .t1{ font-size:1.6rem; line-height:25px;}
.flaot12 .top li{ line-height:25px;}





.flaot12 .bottom{ text-align:center; overflow:hidden; color:#fd8031; position:relative;}

.flaot12 .bottom a{ color:#f18d1d;}
.flaot12 .bottom a:active{ background-color:#eee;}

.flaot12 .bottom .left{ width:50%; padding-top:3%; padding-bottom:3%; line-height:25px; float:left; }
.flaot12 .bottom .right{ width:50%; padding-top:3%; padding-bottom:3%; float:right; background-color:#f18d1d; line-height:25px; color:#fff;}

.flaot12 .bottom a.cet{ display:block; width:100%; padding-top:3%; padding-bottom:3%; background-color:#f18d1d; line-height:25px; color:#fff;}
.flaot12 .bottom a.cet:active{ background-color:#ec762c;}


.flaot12 .bottom .l1{ width:50%; padding-top:3%; padding-bottom:3%; line-height:25px; float:left; color:#666; font-size:1.6rem;}

.flaot12 .bottom .r2{ width:50%; padding-top:3%; padding-bottom:3%; float:right; line-height:25px; color:#f18d1d; font-size:1.6rem;}





.flaot12 .tz{ padding:6% 5% 6% 5%; text-align:center; overflow:hidden; color:#fff; position:relative;   background-color:#000; background:rgba(0, 0, 0, 0.9) none repeat scroll 0 0 !important; filter:Alpha(opacity=90);}


.flaot12 .tz .li{ width:38px; height:38px; margin:auto; background:url(../images/jz.png) center no-repeat; background-size:70% auto; 

animation:circle 1s infinite linear;
-moz-animation:circle 1s infinite linear;
-webkit-animation:circle 1s infinite linear;
-o-animation:circle 1s infinite linear;
}
@-webkit-keyframes circle{
	
	0%{ transform:rotate(0deg); }
	100%{ transform:rotate(360deg); }
	
}
.flaot12 .tz .text{ font-size:1.4rem; line-height:18px; margin-top:2%;}


.flaot12 .btnl{ float: left; width: 40%; padding: 5% 0; margin: 5%; color: #888; border: 1px solid #ddd; margin-right: -2px;}
.flaot12 .btnr{ float: right; width: 40%; padding: 5% 0; margin: 5%; color: #888; border: 1px solid #ddd; margin-left: -2px;}
.flaot12 a.btnl:active{ background-color: #eee; border-radius: 5px;}
.flaot12 a.btnr:active{ background-color: #eee; border-radius: 5px;}

.flaot-dz{  width:70%; max-width:300px; margin:65% auto; text-align:right; border-radius:5px;  z-index:999; background-color:#FFF; overflow:hidden;}
.flaot-dz .top{ padding:6% 5% 6% 5%; text-align:center; overflow:hidden; color:#333; position:relative;}
.flaot-dz .top .t2{ font-size:1.6rem; line-height:20px;}
.flaot-dz .bottom{ text-align:center; overflow:hidden; color:#fd8031;}
.flaot-dz .bottom a{ color:#f18d1d;}
.flaot-dz .bottom a:active{ background-color:#eee;}
.flaot-dz .bottom a.cet{ display:block; width:100%; padding-top:3%; padding-bottom:3%; background-color:#fff; line-height:25px; color:#f18d1d; border-top:1px solid #eee;}
.flaot-dz .bottom a.cet:active{ background-color:#f3f3f3;}





.dk{ width: 65%; border-radius: 10px; background-color: rgba(255,255,255,0.95);}
.dk .top{ padding-top:5%; padding-bottom:5%;}
.dk .bottom .l1{ color: #1080f0;}
.dk .bottom .r2{ color: #1080f0;}
.dk .xt_e{ background-color:rgba(0,0,0,0.13); -webkit-transform: scaleY(1); }
.dk .xt_ec_c{ background-color:rgba(0,0,0,0.13);}

@media only screen and (min-width: 375px){
	.dk .top{ padding-top:6%; padding-bottom:6%;}
}

@media only screen and (min-width: 414px){
	.dk .top{ padding-top:6.5%; padding-bottom:6.5%;}
}


.flaot13{  width:100%; min-width:140px; overflow:hidden;  z-index:999; height:100%;  }

.flaot13 .test{ font-size:1.2rem; height:20px; line-height:20px; padding-top:2%; padding-bottom:2%; padding-left:4%; padding-right:4%; color:#999; background-color:#f2f2f2;}
 
.flaot13 .list{ font-size:1.4rem; background-color:#fff; overflow:hidden;}
.flaot13 .list a.ss{ display:block; height:25px; line-height:25px; padding-left:4%; padding-right:4%; padding-top:3%; padding-bottom:3%; color:#333;}
.flaot13 .list a.ss:active{ background-color:#f3f3f3;}


.flaot13 .list .qc{ height:25px; line-height:25px; padding-left:4%; padding-right:4%; padding-top:3%; padding-bottom:3%; color:#333; text-align:center;}
.flaot13 .list .qc a{ font-size:1.2rem; color:#999;}



.flaot13 .log{ width:40%; margin:23% auto; text-align:center;  font-size:1.6rem; overflow:hidden; color:#666;}

.flaot13 .log img{ width:100%;}
.flaot13 .log .text{ line-height:42px;}



.flaot13 .trip{ overflow:hidden; margin:1% auto; margin-left:8%; margin-right:8%;}
.flaot13 .trip .hw{ display:block; float:left; padding: 3% 0 3% 0; margin-right:6%; margin-bottom:5%; width:28%; text-align:center; background-color:#fff; color:#666; font-size:1.6rem; border-radius:1px; }


.flaot13 .trip .jz{ display:block; float:left; padding:3.5%; margin-right:6%; width:35.5%; text-align:center; border:1px solid #d7d7d7; color:#666; font-size:1.6rem; border-radius:50px; }

.flaot13 .trip .f8{border:1px solid #f18d1d; color:#f18d1d;}

.flaot13 .trip .hd{ display:block; float:left; padding: 3% 0 3% 0; margin-bottom:5%; margin-top:5%; width:48%; text-align:center; background-color:#fff; color:#666; font-size:1.6rem; border-radius:1px;}

.flaot13 .trip a:active{ background-color:#eee;}


.flaot15{  width:100%; margin:0 auto; text-align:right;  z-index:9999;}

.flaot15 img{ width:85%; margin-right:3%; margin-top:3%;}


.flaot14{  width:88%; margin:15% 6% 10% 6%;  z-index:999; background-color:#f6f6f6; border-radius:15px; overflow:hidden;}
.flaot14 .cet{  width:90%; padding:5% 5% 5% 5%; z-index:999; background-color:#f6f6f6; border-radius:15px;}

.flaot14 .s1{ color:#333; font-size:1.6rem;}
.flaot14 .s2{ color:#333; font-size:1.4rem;}
.flaot14 a.fot{ display:block; padding-top:5%; padding-bottom:5%; text-align:center; background-color:#fff; font-size:1.6rem; color:#f18d1d;}
.flaot14 a.fot:active{ background-color:#eee;}



.flaot16 { position:fixed; top:0; width:100%; height:100%; min-width:320px; max-width:640px; z-index:9999; background-color: #000; background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0 !important; filter: Alpha(opacity=70);}
.flaot16 .but{ overflow:hidden; clear:both; margin-bottom:30%;}

.flaot16 .but img {  width: 85%; float:right; margin-right: 3%; margin-top: 3%;}

.flaot16 .buts{ overflow:hidden; clear:both; margin-bottom:20%;}

.flaot16 .buts img {  width: 65%; float:right; margin-right: 3%; margin-top: 3%;}


.flaot16 .mbut{ overflow:hidden; clear:both; margin:10% 4% 4% 4%; font-size:1.4rem;}
.flaot16 .mbut a.left{ width:47%; float:left; padding-top:3%; padding-bottom:3%; text-align:center; background-color:#fff; border-radius:5px; color:#333; line-height: 25px;}
.flaot16 .mbut a.right{ width:47%; float:right; padding-top:3%; padding-bottom:3%; text-align:center; background-color:#fff; border-radius:5px; color:#333; line-height: 25px;}

.flaot16 .mbut a:active{ background-color:#eee;}

/*结束浮动层*/

div.flicking_con{ position:absolute; left:50%; z-index:999; height:21px; margin:0 0 0 -50px;}
div.flicking_con a{ float:left; width:15px; height:15px; margin:0; padding:0; background:url('../images/btn_main_img.png') 0 0 no-repeat; display:block; text-indent:-1000px; background-size:100% auto;}
div.flicking_con a.on{background-position:0 -15px}

/*侧边栏滑动*/

.all-elements{
    overflow:hidden; height:100%;
}

.page{ position:relative;	}

.page-content{

    z-index:999;
    display:block;
    position:relative;
    min-height:100%;

    width:100%;
    height:100%;
    max-width:640px;
    display:block;
    overflow:hidden;
    position:fixed;
    top:0;
    left:-100%;

}

.page-left{ overflow:hidden; width:81%; max-width:520px; height:100%; position:absolute; top:0; background-color:#FFF;}
.page-right{ overflow:hidden; width:19%; height:100%; position:absolute; top:0; right:0; background-color:#000; background: -webkit-linear-gradient(left,rgba(0,0,0,0.3),rgba(0,0,0,0)); background: -o-linear-gradient(right,rgba(0,0,0,0.3),rgba(0,0,0,0));
background: -moz-linear-gradient(right,rgba(0,0,0,0.3),rgba(0,0,0,0)); background: linear-gradient(to right, rgba(0,0,0,0.3), rgba(0,0,0,0));}
.page_cent{ position:relative;}

.page-content-wrapper{
    display:block;
    margin-top:0px;
    margin-bottom:0px;
    padding:20px;
    padding-bottom:15px;
}

.page-sidebar{
    background-color:#fff;
    width:100%;
    height:100%;
    display:block;
    z-index:2;
    overflow:hidden;
    top:0;
}


.page-header{
    position:absolute;
    top:0px;
    height:50px;
    width:100%;
    max-width:640px;
    min-width:320px;
    z-index:12;
}


.deploy-sidebar{
    position:relative;
    z-index:998;
    display:block;
}

.bread-crumb{
    position:relative;
    z-index:99;
    display:block;
    margin-bottom:16px;
    margin-top:-35px;
    text-align:center;
    text-transform:uppercase;
    color:#212222;
    font-family:'Lato', sans-serif;
    font-weight:700;
}

.deploy-contact{
    position:relative;
    right:0px;
    top:0px;
    z-index:999;
    background:#000;
    width:50px;
    height:50px;
    float:right;
    margin-top:-50px;
}


.details .bg0{ background-color:#f4f1ef;}
.details .infor_cet  .bg0{ background-color:#f4f1ef;}


/*活动验票*/

.details .check-in .trip{ margin-left: 4%; margin-right: 4%;}
.details .check-in .trip .cet{ width: 100%; margin-top:5%; margin-bottom:3%; clear:both; overflow:hidden;}
.details .check-in .trip .cet .x1{ font-size:14px; color:#999;}
.details .check-in .trip .p_text{ margin-top: 10px; margin-bottom: 20px; color: #666666;}
.details .check-in .trip .p_text .i{ min-height: 20px; line-height: 20px;}
.details .check-in .trip .p_text .i .c1{color: #000;}
.details .check-in .trip .p_text .i .c2{color: #0bb717;}
.details .check-in .trip .p_text .i .c3{color: #e50f12;}
.details .check-in .trip .p_text table{ width: 100%; height: auto; border-left: 1px solid #ddd; border-top: 1px solid #ddd; text-align: center; }
.details .check-in .trip .p_text table td{ border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; height: 30px; line-height: 30px;}
.details .check-in .trip .p_text table .t1{ width: 220px;}
.details .check-in .trip .p_text table .t2{ width: 100px;}
.details .check-in .trip .cet a.x2{ float:left; margin-right:15px; margin-bottom:15px; display:block; width:160px; padding-top:10px; padding-bottom:10px; text-align:center; border:1px solid #e4e3e4; border-radius:5px; font-size:14px; color:#4b4b4b;}
.details .check-in .trip .cet a.x2 .y1{ line-height:20px; clear:both;}
.details .check-in .trip .cet a.x3{ border:1px solid #ff8030; color:#ff8030;}
.details .check-in .trip .cet .input{ float:left; display:block; width:72%; height:36px; overflow:hidden;}
.details .check-in .trip .cet .input .no{ border:1px solid #cacaca; border-radius:5px;  width:90%; height:32px; padding:1px 5px 1px 5px; font-size:14px; color:#ccc; text-align:center;}
.details .check-in .trip .cet .input .of{ border:1px solid #e50f12; background-color:#fbdede; border-radius:5px;  width:90%; height:32px; padding:1px 5px 1px 5px; font-size:14px; color:#ccc; text-align:center;}
.details .check-in .trip .cet .input .no:focus,input:focus{ border-color:#1281ef; background-color:#fff; outline:none;}
.details .check-in .trip .cet .input .of:focus,input:focus{ border-color:#e50f12; background-color:#fbdede; outline:none;}
.details .check-in .trip .cet a.select{ display:block; margin-left:1%; float:right; width:25%; height:34px; background-color:#ff9630; border:1px solid #ff8030; border-radius:5px; text-align:center; line-height:34px; color:#fff;}
.details .check-in .trip .cet a.select:hover,.details .check-in .trip .cet a.select:active{ background-color:#ffa530;}
.details .check-in .trip .cet a.select_1{ display:block; margin-left:1%; float:left; width:99%; height:34px; background-color:#ff9630; border:1px solid #ff8030; border-radius:5px; text-align:center; line-height:34px; color:#fff;}
.details .check-in .trip .cet a.select_1:hover,.details .check-in .trip .cet a.select_1:active{ background-color:#ffa530;}
.details .check-in .trip .get-check{ margin-bottom:10px; font-size:14px; clear:both; overflow:hidden; line-height: 20px;}
.details .check-in .trip .get-check .l1{ display:block; float:left; width:25px; height:20px; background:url(../images/l1_2.png) left no-repeat; background-size:auto;}
.details .check-in .trip .get-check .l2{ display:block; float:left; width:25px; height:20px; background:url(../images/l2_2.png) left no-repeat; background-size:auto;}
.details .check-in .trip .get-check .l3{ display:block; float:left; width:25px; height:20px; background:url(../images/l3_2.png) left no-repeat; background-size:auto;}
.details .check-in .trip .get-check .a1{ color:#e50f12;}
.details .check-in .trip .get-check .a2{ color:#0bb717;}
.details .check-in .trip .get-check .a3{ color:#ff8030;}
.details .check-in .trip .mess{ width:99%; min-height:206px; border:1px solid #eed694; background-color:#fffeec; border-radius:5px; margin-bottom:8%; font-size:14px; clear:both; overflow:hidden;}
.details .check-in .trip .mess .trip{ margin:20px;}
.details .check-in .trip .mess .x1{ font-size:14px; color:#999; height:20px; line-height:20px;}
.details .check-in .trip .mess .x2{ font-size:20px; color:#333; height:20px; line-height:20px; margin-top:10px;}
.details .check-in .trip .mess .x3{ font-size:30px; color:#ff9630;}
.details .check-in .trip .cet a.rl{ display:block; margin-top:20px; width:160px; height:35px; background-color:#fafafa; border:1px solid #cacaca; color:#999; text-align:center; line-height:35px; border-radius:5px;}
.details .check-in .trip .cet a.rl:hover{ background-color:#f5f5f5;}

/*近期日课*/
.course{ padding: 0 !important;}
.course .items .img{ float: right !important; margin-top: 2px; margin-bottom: 2px; width: 96px !important; height: 128px !important;}
.course .items .wd{ width: 65% !important; height: 128px !important;}
.course .items .wd .st{ min-height:  auto !important; max-height: none !important;  margin-top: 4%; font-size: 1.7rem; line-height: 18px;}
.course .items .wd .t_user{ color: #000;}
.course .items .wd .t_user .user{ line-height: 25px; font-size: 1.4rem;}
@media only screen and (min-width: 375px){
	.course .items .wd{ width: 67% !important; height: 137px !important;}
	.course .items .wd .st{ line-height: 20px;}
	.course .items .img{width: 102px !important; height: 137px !important;}
}
@media only screen and (min-width: 414px){
		.course .items .wd{ width: 68% !important; height: 147px !important;}
		.course .items .wd .st{ line-height: 22px;}
		.course .items .img{width: 110px !important; height: 147px !important;}
}
@media only screen and (min-width: 640px){
		.course .items .wd{ width: 75% !important; height: 161px !important;}
		.course .items .img{width: 120px !important; height: 161px !important;}
		.course .items .wd .st{ line-height: 22px;}
}
.course_title { padding: inherit !important;}
.course_title .trip{ position: relative;}
.course_title .trip a.l{ padding-top: 8%; padding-bottom: 8%; text-align: center; width: 50%; float: left; color: #000;}
.course_title .trip a.l:active{ background-color: #eee;}


.course .items .wd .t_people{ height: 30px;}
.course .items .wd .t_people .x1{ height: 30px;}
.course .items .wd .t_people .x1 .u_imger{ height: 25px; width: 25px; margin-top: 0px;}
.course .items .wd .t_people .x1 .user{ height: 30px;}
.course .items .wd .t_people .x1 .user .u_1{ line-height: 15px; color: #000; font-size: 1.2rem;}
.course .items .wd .t_people .x1 .user .u_2{ line-height: 15px; color: #8f8f8f; font-size: 1.0rem;}

.course .items .wd .t_people .x2{ float: right; line-height: 20px; margin-top: 5px; color: #ada9a8; position: relative;}
.course .items .wd .t_people .x2:before{content: " " ; width: 15px; height: 15px; background: url(../images/10pic.png) no-repeat left; background-size: 100% auto; position: absolute; left: -17px; top: 2px;  display: block; z-index: 1;  pointer-events: none;}


.title .st .w_x1 .course .w_time{ float: left; font-size: 1.4rem; margin-left: 3%; color: #aeaeae;}
.title .st .w_x1 .course .w_time1{ float: right; font-size: 1.4rem; margin-left: 3%; color: #aeaeae; position: relative; margin-right: 3%;}
.title .st .w_x1 .course .w_time1:before{content: " " ; width: 15px; height: 15px; background: url(../images/10pic.png) no-repeat left; background-size: 100% auto; position: absolute; left: -17px; top: 5px;  display: block; z-index: 1;  pointer-events: none;}
.title .st .w_x1 .course .w_time2{ float: right; width: 20px; height: 20px; background: url(../images/fx.png) no-repeat center; background-size: auto 80%; margin-right: 3%;}



.mask{background:#000; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 20;}
.pop_box{width:100%; max-width: 640px;  position: fixed; top: 30%; z-index: 21; overflow: hidden;}
.pop_box .video{ max-width: 640px; width: 100%; background: none;}

.i_list .day_sear{ width: 25%; float: left; text-align: center; padding: 20% 0; line-height: 50px; color: #666;}
.i_list .day_sear .icon-wz{; background: #ECECEC url(../images/fb.png) center no-repeat; background-size: 35% auto; border-radius: 100%; margin: 3% auto;}
.i_list .day_sear .icon-zb{ background: #ECECEC url(../images/search_studio.png) center no-repeat; background-size: 25% auto; border-radius: 100%; margin: 3% auto;}
.i_list .day_sear .icon-sj{ background: #ECECEC url(../images/search_Fair.png) center no-repeat; background-size: 35% auto; border-radius: 100%; margin: 3% auto;}
.i_list .day_sear .icon-py{ background: #ECECEC url(../images/search_py.png) center no-repeat; background-size: 35% auto; border-radius: 100%; margin: 3% auto;}
.i_list .day_sear a{ width: 50px; height: 50px}
.i_list .day_sear a:active{ background-color: #ddd;}

.i_wz{ margin-bottom: 2%; overflow: hidden; background: #fff;}
.i_wz .text{ padding: 1.5% 4%; color: #666; line-height: 20px; font-size: 15px;}
.i_wz a.textsear{display: block; padding: 1.5% 4%; color: #F18D1D; line-height: 20px; font-size: 13px;}
.i_wz a.textsear .icon{ width: 20px; height: 16px; display: inline-block; vertical-align: middle; background: url(../images/search.png) center no-repeat; background-size: auto 100%; }
.i_wz a:active{ background-color: #eee;}

@media only screen and (min-width: 375px){
	.i_list .day_sear a{ width: 60px; height: 60px}
}

@media only screen and (min-width: 414px){
	.i_list .day_sear a{ width: 68px; height: 68px}
}

.rel-table{width: 100%; text-align: center; border: 1px solid #eee; border-bottom: 0;}
.rel-table tr th,.rel-table tr td{line-height: 35px;  border-bottom: 1px solid #eee; width: 33.3%; position: relative;}
.rel-table .price{ padding: 3% 0 !important; width: 70%; font-size: 1.4rem; color: #333; text-align: center; margin: auto; outline: none; border: none;}
.rel-table .del{ display: block; width: 40%; border: 1px solid #F18D1D; color: #F18D1D; border-radius: 3px; line-height: 23px; margin:5% auto; font-size: 1.2rem;} 
.rel-table .del:active{ background-color: #eee;}

.rel-table-1{width: 100%; text-align: center; border: 1px solid #eee; border-bottom: 0;}
.rel-table-1 tr th,.rel-table-1 tr td{line-height: 35px;  border-bottom: 1px solid #eee; width: 25%; position: relative;}
.rel-table-1 .price{ padding: 3% 0 !important; width: 70%; font-size: 1.4rem; color: #333; text-align: center; margin: auto; outline: none; border: none;}
.rel-table-1 .del{ color: #F18D1D; line-height: 23px; font-size: 1.2rem;} 
.rel-table-1 .del:active{ color: #F44F4F;}


/*详情第四版*/
.xq-four{}
.xq-four .w_dp{ height: 15px; width:100px; margin-right: 5px; margin-top: 3px; float: left; position: relative;}
.xq-four .w_dp .star{ width: 20px; height: 16px; float: left; background: url(../images/str@2x.png) no-repeat center; background-size: auto 100%;}
.xq-four .w_dp .act{ background: url(../images/str_pre@2x.png) no-repeat center; background-size: auto 100%;}
.xq-four .w_dp .yb{ background: url(../images/syb@2x.png) no-repeat center; background-size: auto 100%; }

.xq-four .dy{ overflow: hidden; padding: 4%;}
.xq-four .dy .limg{ width: 45px; height: 45px; float: left; overflow: hidden; border: 2px solid #fff; border-radius: 3px; box-shadow: 1px 0 1px 0 rgba(0,0,0,0.3);}
.xq-four .dy .limg img{ width: 100%; border-radius: 3px;}
.xq-four .dy .ctext{ float: left; margin-left: 5%; width: 56%;} 
.xq-four .dy .ctext .t1{ line-height: 18px;}
.xq-four .dy .ctext .t2{ font-size: .9rem; color: #999; line-height: 16px;}
.xq-four .dy .add{ position: absolute; right: 0; top: 3%; display: inline; word-break: normal; width: 40px; padding: 1.5% 4%; line-height: 15px; color: #fff; border-radius: 3px; background-color: #F18D1D; font-size: 1.2rem;}
.xq-four .dy .add span{ font-size: 2.2rem; vertical-align: bottom; font-family: serif; margin-right: 1.5%;}
.xq-four .dy .add:active{ background-color: #FAB139;}

.xq-four .dp{ padding: 5% 10%; text-align: center;}
.xq-four .dp .t1{ font-size: 1.8rem; line-height: 25px;}
.xq-four .dp .star{ height: 35px; width: 200px; margin: 4% auto 3%; position: relative;}
.xq-four .dp .star .num{ font-size: 1.2rem; color: #FD8031; position: absolute; top: -3px; right: -25px;}
.xq-four .dp .star .num span{ font-size: 2.2rem;}
.xq-four .dp .star .st1{ width: 40px; height: 32px; float: left; background: url(../images/pf@2x.png) no-repeat center; background-size: auto 100%;}
.xq-four .dp .star .act{ background: url(../images/pf_pre@2x.png) no-repeat center; background-size: auto 100%;}
.xq-four .dp .star .yb{ background: url(../images/pf-y@2x.png) no-repeat center; background-size: auto 100%; }
.xq-four .dp .t2{ font-size: 1.2rem; color: #999;line-height: 25px;}
.xq-four .dp .btn{ width: 60%; margin: 5% auto; font-size: 1.3rem; line-height: 28px;}
.xq-four .dp .btn .l{ width: 45%; float: left; background-color: #F18D1D; color: #fff; border-radius: 3px;}
.xq-four .dp .btn .l:active{ background-color: #FAB139;}
.xq-four .dp .btn .r{ width: 45%; float: right; border-radius: 3px; border: 1px solid #ddd; color: #666;}
.xq-four .dp .btn .r:active{ background-color: #eee;}
.xq-four .tj{ overflow: hidden; padding: 5% 4%;}
.xq-four .tj .trip{ margin: 5% auto;}

.xq-four .tj .trip .img{ width: 40%; float: left; height: 80px; position: relative; overflow: hidden;}
.xq-four .tj .trip .img img{ width: 100%;}
.xq-four .tj .trip .type{ width: 24px; height: 24px; position: absolute; right: 5%; bottom: 8%;}
.xq-four .tj .trip .music{ background: url(../images/music.png) center no-repeat; background-size: 100% auto;}
.xq-four .tj .trip .video{ background: url(../images/video.png) center no-repeat; background-size: 100% auto;}
.xq-four .tj .trip .biao{ height: 15px; width: 40px; position: absolute; left: -5px; top: 8%; background: url(../images/biaoqian@2x.png) center no-repeat; background-size: 100% auto; color: #fff; font-size: .9rem; text-align: center; line-height: 18px;}
.xq-four .tj .trip .text{ float: right; width: 56%; margin: 0;}
.xq-four .tj .trip .text .t1{ font-size: 1.8rem; line-height: 22px;}
.xq-four .tj .trip .label{margin: 3% 0;}
.xq-four .tj .trip .label span{ font-size: 1.0rem; color: #F18D1D; background-color: #F9ECD8; border-radius: 15px; padding: 0 5%;}
.xq-four .tj .trip .bot{ position: absolute; bottom: 0; height: 18px; font-size: 1.1rem; color: #888;}
.xq-four .tj .trip .bot .dz{ float: left; padding-left: 16px;}
.xq-four .tj .trip .bot .dz:after{ content: ""; position: absolute; left: 0; top: 5px; width: 13px; height: 13px; background: url(../images/dizhi@2x.png) no-repeat center; background-size: auto 100%;}
.xq-four .tj .trip .tm{ position: absolute; bottom: 0; right: 0; text-align:right;  line-height: 10px; color: #888; font-size: 1.1rem;}

.xq-four .pl{ overflow: hidden; padding: 5% 4%;}
.xq-four .pl .group{ padding: 6% 0;}
.xq-four .pl .group .wd .x1{ font-size: 1.6rem;}
.xq-four .pl .group .wd .time{ color: #999;}
.xq-four .pl .group .txt{ font-size: 1.8rem;}
.xq-four .pl .group .st .z{ position: absolute; right: 0; top: 5px; color: #999; font-size: 1.4rem; padding-right: 25px;}
.xq-four .pl .group .st .z:before{ content: ""; position: absolute; right: 0; width: 24px; height: 16px; background: url(../images/dianzan@2x.png) no-repeat right; background-size: auto 100%;}
.xq-four .pl .group .st .act:before{ content: ""; position: absolute; right: 0; width: 24px; height: 16px; background: url(../images/dianzan_pre@2x.png) no-repeat right; background-size: auto 100%;}
.xq-four .title .mass{ font-size: 1.8rem; color: #000 !important;}

/*音频详情*/
.mus-four{}
.mus-four .tabs{ overflow: hidden; font-size: 1.6rem; line-height: 25px; text-align: center;}
.mus-four .tabs .related{ padding: 3% 0; width: 20%; float: left; color: #666; margin-left: 25%;}
.mus-four .tabs .more{ padding: 3% 0; width: 20%; float: right; color: #666; margin-right: 25%;}
.mus-four .tabs .active{ color: #F18D1D; border-bottom: 2px solid #F18D1D;}
.mus-four .w_x1{ margin-bottom: 1% !important;}
.mus-four .w_x1 .bt{ font-weight: initial !important; font-size: 2.0rem !important;}
.mus-four .w_x2 .label{ margin-top: 4% !important;}
.mus-four .w_x2 .trip .list{ margin: 5% 0; padding-left: 20px; position: relative; font-size: 1.2rem; float: left; color: #787878;}
.mus-four .w_x2 .trip .list:after{ content: ""; position: absolute; left: 0; top: 3px; width: 18px; height: 18px; background: url(../images/xj@2x.png) no-repeat left; background-size: auto 100%;}
.mus-four .w_x2 .trip .list span{ color: #999;}
.mus-four .w_x2 .trip .js{ margin: 5% 0; padding-left: 20px; position: relative; font-size: 1.2rem; float: right; color: #787878;}
.mus-four .w_x2 .trip .js:after{ content: ""; position: absolute; top:3px; left: 0; width: 18px; height: 18px; background: url(../images/zk-1@2x.png) no-repeat center; background-size: auto 100%;}
.mus-four .w_x2 .trip .active:after{ content: ""; position: absolute; top:3px; left: 0; width: 18px; height: 18px; background: url(../images/zk@2x.png) no-repeat center; background-size: auto 100%;}

.list-music{ position: fixed; width: 100%; max-width: 640px; height: 75%; bottom: 0; background-color: rgba(255,255,255,0.98); z-index: 9999999;}
.list-music .title{ line-height: 30px; padding: 5% 4%; font-size: 2.0rem;}
.list-music .title .close{ float: right; width: 26px; height: 26px; background: url(../images/guanbi@2x.png) no-repeat center; background-size: auto 100%;}
.list-music .trip{ padding: 3% 0 3% 4%; position: relative;}
.list-music .trip .t1{ font-size: 1.6rem; color: #333; line-height: 20px;}
.list-music .trip .t2{ font-size: 1.0rem; color: #666;}
.list-music .trip .sel{ font-size: 1.6rem; color: #333; line-height: 20px; font-weight: bold;}
.list-music .trip .ret{ width: 25px; height: 25px; position: absolute; right: 4%; top: 30%; background: url(../images/shixinbofang@2x.png) no-repeat center; background-size: auto 100%;}

.list-music .scroll{ overflow-y: scroll;}

.list-music a:active{ background-color: #eee;}



